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

Встроенная отложенная загрузка появилась в Chrome 76

Долгожданная функция отложенной загрузки Native теперь доступна в Chrome 76, а браузер теперь поддерживает атрибут «загрузка». Теперь разработчики могут использовать атрибут загрузки для отложенной загрузки изображений и фреймов без необходимости писать собственный код или использовать отдельную библиотеку JavaScript.

Большое количество изображений и окон iframe на веб-странице может вызвать проблемы с производительностью, загружая нижеследующее содержимое, когда пользователь видит «улучшает время загрузки страницы, минимизирует полосу пропускания пользователя и снижает использование памяти».

С версией 76 браузеров Chrome и на основе Chromium, которые теперь поддерживают отложенную загрузку, веб-мастерам больше не нужно полагаться на внешнюю библиотеку, встроенная отложенная загрузка в браузере заботится об отсрочке изображений и iframe, даже если в браузере отключен JavaScript.

Включите и протестируйте функцию отложенной загрузки в Chrome

Chrome теперь лениво загружает изображения и фреймы, когда средство просмотра прокручивает их рядом с ними. На данный момент мы видим, что ленивая загрузка не включена по умолчанию в версии 76 (обновление: функция активирована по умолчанию), вы можете включить указанные ниже флаги, однако мы можем подтвердить, что эта функция работает из коробки в версиях Canary. из Chrome 78 и Edge 78.

хром: // флаги / # включить ленивую загрузку изображений

хром: // флаги / # включить-ленивый-фрейм-загрузка

В сообщении блога Web.dev команда Google Performance for Web пишет: «В Chome 76 вы можете использовать атрибут загрузки, чтобы полностью отложить загрузку закадровых изображений и окон iframe, которые можно получить с помощью прокрутки».

img src=»image.png» loading=»lazy» alt=»…» width=»200″ height=»200″ iframe src=»https://example.com» loading=»lazy»/iframe

Если ваш браузер Chrome удовлетворяет указанным выше требованиям, чтобы увидеть эту функцию в действии,

  1. Посетите этот демонстрационный сайт
  2. Нажмите меню> Дополнительные инструменты> Инструменты разработчика, нажмите Сеть, нажмите Ctrl + R, чтобы записать сетевую активность. По мере прокрутки вниз на панели сети появляется водопад, показывающий, что изображения загружаются, пока вы прокручиваете страницу.

Google планирует автоматически отложить загрузку изображений и фреймов в Chrome на Android, если в браузере включена функция облегченного режима.

Гигант поисковых систем подтверждает, что при отложенной загрузке рекламные объявления, отображаемые в виде изображений или iframe, будут обрабатываться как другие изображения или iframe. Когда дело доходит до печати, страница, содержащая изображения, изображения и фреймы, будет загружена сразу после печати.

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

Ваш адрес email не будет опубликован.