Перейти к содержанию

Chrome теперь поддерживает отложенную загрузку для iframe

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

Год назад Google добавила поддержку отложенной загрузки изображений в Chrome в версии 76. Менеджер Chrome Eng, Адди Османи вчера объявила, что браузеры Chrome и Chromium теперь поддерживают отложенную загрузку окон iframe, и заявляет, что теперь это стандарт.

«Мы рады сообщить, что встроенная отложенная загрузка для iframe теперь стандартизирована и также поддерживается в браузерах на базе Chrome и Chromium», — сказал Османи.

Встроенная отложенная загрузка окон iframe уменьшает использование памяти, ускоряет другие части страницы и сохраняет данные.

Сторонние встраиваемые видео из Twitter, Facebook и YouTube не отображаются сразу в области просмотра, но тратят пользовательские данные, даже если пользователь не прокручивает их.

Исследование команды Chrome показало, что отложенная загрузка iframe может сэкономить 2-3% медианных данных, 1-2% сокращение отрисовки первого содержимого на медиане и улучшение задержки первого ввода (FID) на 2% на 95-м процентиле.

Атрибут загрузки поддерживает три значения:

  • ленивый: хороший кандидат для ленивой загрузки
  • нетерпеливый: не лучший кандидат для отложенной загрузки. Загрузите сразу.
  • auto: браузер определит, выполнять ленивую загрузку или нет.

Согласно сообщению в блоге, отложенная загрузка YouTube, встроенная на Chrome.com, приводит к сокращению времени взаимодействия на мобильных устройствах на 10 секунд.

Точно так же отложенная загрузка Instagram и Spotify встраивается при начальной загрузке, сохраняется> 100 КБ в сжатом виде и 514 КБ.

Все плагины Facebook для социальных сетей теперь поддерживают встроенные в браузер встроенные фреймы с отложенной загрузкой.

Стоит отметить, что Chrome для Android в упрощенном режиме автоматически загружает закадровые изображения и окна iframe.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *