Chrome начнет лениво загружать видео и аудио

Меня зовут Влад, и я более 10 лет занимаюсь аналитикой, SEO и управлением командами в digital-маркетинге. За это время успел поработать в таких компаниях, как Кокос LTD, Wazzup24, SILK Medical, Radist.оnline и многие другие, где руководил разработкой сайтов, увеличивал трафик и выстраивал маркетинговые процессы. Сейчас я занимаюсь развитием SEO и аналитики в компании Тензор, одного из лидеров в области ЭДО (saby.ru)

chromelazy loadingвидео

Google мучился, старался, всему интернету объяснял, что сайты должны быть быстрыми, но не вытерпел и делает все сам. 🌐 готовит обновление, которое может ускорить загрузку сайтов без участия разработчиков. Браузер научится откладывать загрузку видео и аудио до момента, когда пользователь реально до них доскроллит.

Lazy loading уже давно работает для изображений и iframe. Но теперь этот принцип расширяют на тяжелый медиаконтент. Видео и аудио не будут загружаться сразу при открытии страницы - только когда появятся в зоне видимости.

Сейчас большинство сайтов решают это через JavaScript. Работает, но добавляет код, ломает предзагрузку и иногда конфликтует с браузером. В итоге ускорение получается… через усложнение.

Новая реализация переносит все на уровень браузера. Chrome сам определяет, когда загружать медиа, учитывает скорость соединения и не тратит ресурсы на контент, который пользователь может вообще не увидеть. По сути Chrome делает lazy loading по умолчанию для тяжелого контента.

Это значит:

  • 🤩меньше трафика
  • 🤩быстрее первый рендер
  • 🤩меньше JS на сайте
  • 🤩меньше костылей у разработчиков

И самое интересное - ускорение появится даже на старых сайтах, которые ничего не внедряли. Очень похоже на тренд последних лет, браузеры сами начинают оптимизировать сайты.

Сначала: preload, prefetch, lazy loading изображений

Теперь: lazy loading видео и аудио

Chrome постепенно становится не просто браузером, а оптимизатором производительности.

#Chrome #Google #вебразработка #performance #lazyloading #frontend

Иллюстрация: окно браузера с загрузкой видео и аудио, логотип Chrome, индикатор скорости и значки загрузки на фоне
Иллюстрация: Chrome оптимизирует загрузку видео и аудио

Читайте так же