Долгожданная функция отложенной загрузки 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 удовлетворяет указанным выше требованиям, чтобы увидеть эту функцию в действии,
- Посетите этот демонстрационный сайт
- Нажмите меню> Дополнительные инструменты> Инструменты разработчика, нажмите Сеть, нажмите Ctrl + R, чтобы записать сетевую активность. По мере прокрутки вниз на панели сети появляется водопад, показывающий, что изображения загружаются, пока вы прокручиваете страницу.
Google планирует автоматически отложить загрузку изображений и фреймов в Chrome на Android, если в браузере включена функция облегченного режима.
Гигант поисковых систем подтверждает, что при отложенной загрузке рекламные объявления, отображаемые в виде изображений или iframe, будут обрабатываться как другие изображения или iframe. Когда дело доходит до печати, страница, содержащая изображения, изображения и фреймы, будет загружена сразу после печати.
