Chrome получит нативную поддержку отложенной загрузки видео и аудио

Согласно информации от Windows Latest, браузеры на базе движка Chromium, такие как Google Chrome, Microsoft Edge и Vivaldi, в скором времени получат нативную поддержку отложенной загрузки (lazy loading) для видео и аудио контента.

Функция была предложена независимым разработчиком Хельмутом Янушкой (Helmut Januschka) в рамках проекта Chromium. Ожидается, что она станет доступна для всех пользователей в стабильной версии Chrome 148.

Сама концепция отложенной загрузки не нова — Chrome уже давно нативно поддерживает её для изображений и iframe, однако видео и аудио до сих пор оставались за бортом.

В настоящее время большинство сайтов реализуют отложенную загрузку видео вручную с помощью JavaScript API Intersection Observer, который отслеживает, когда медиаэлемент попадает в область видимости, и только затем загружает ресурс.

Такой подход, хотя и рабочий, сложен в реализации, подвержен ошибкам и не может эффективно взаимодействовать со встроенными в браузер механизмами предварительной загрузки и эвристическими алгоритмами, что может негативно сказываться на производительности.

Нативная реализация полностью решит эту проблему. Разработчикам будет достаточно добавить атрибут `loading="lazy"` в HTML-тег `

Ресурс начнёт загружаться только тогда, когда пользователь прокрутит страницу до области с медиафайлом. Если же пользователь никогда не дойдёт до этого места, файл так и не будет загружен, что экономит трафик.

Как отмечает Янушка в своём предложении, нативная отложенная загрузка позволит браузеру использовать сетевые пороги для оптимизации, корректно обрабатывать взаимодействие с атрибутами autoplay и preload, а также предотвратит блокировку события window.onload медиафайлами, находящимися за пределами экрана. Всё это должно значительно повысить скорость загрузки страниц и снизить потребление данных.

Интересный факт: Внедрение отложенной загрузки для изображений в Chrome 76 в 2019 году позволило в среднем сократить время загрузки страниц на 2-3% и значительно уменьшить объём передаваемых данных, особенно на мобильных устройствах. Ожидается, что поддержка видео и аудио даст ещё более заметный эффект, учитывая, что медиафайлы обычно гораздо «тяжелее» картинок.