Как включить отложенную загрузку изображений в Google Chrome?

Ленивая загрузка — это функция загрузки мультимедийных файлов, например изображений, только перед просмотром. Обычно, когда вы открываете веб-страницу, браузер пытается получить весь контент с сервера. Большие изображения могут легко потреблять высокую пропускную способность, особенно на мобильных устройствах. Но если они находятся внизу страницы, и вы их вообще не просматриваете, то это явно пустая трата ресурсов и затраты на использование полосы пропускания Интернета. В настоящее время владельцы веб-сайтов могут включить отложенную загрузку изображений на своих сайтах, чтобы повысить скорость загрузки страниц. Google Chrome выводит эту функцию на новый уровень, вводя отложенную загрузку в канареечной версии.

Над и под складкой

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

Над сгибом новостей

Над сгибом новостей

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

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

Как включить отложенную загрузку изображений в Google Chrome?

На данный момент Google пробует отложенную загрузку изображений в качестве экспериментальной функции. Так что это недоступно в обычном браузере Google Chrome. Чтобы проверить это, вам необходимо установить версию Chrome canary.

Установить Chrome Canary

У Google есть несколько версий для браузера Chrome. Canary — это ночная версия сборки для разработчиков, чтобы заранее протестировать функции. Google будет публиковать обновленную версию почти каждую ночь на канарейке. Перейти к Официальный сайт, скачайте и установите Chrome canary на свой компьютер.

Установить версию Chrome Canary

Установить версию Chrome Canary

Включить отложенную загрузку изображений в Google Chrome

Откройте браузер Chrome Canary и перейдите к URL-адресу команды ‘chrome: // flags’ URL. Вы увидите предупреждение, как показано ниже, о том, что экспериментальные функции могут повлиять на стабильность. Поскольку это уже версия для разработчиков, вам не нужно беспокоиться об этом предупреждении.

Chrome предупреждает об использовании экспериментальных функций

Chrome предупреждает об использовании экспериментальных функций

Найдите «ленивый», и вы увидите два флажка, как показано на рисунке ниже:

Поиск флага отложенной загрузки в Chrome

Поиск флага отложенной загрузки в Chrome

# Включить-ленивая-изображения загрузка — загружает изображения только при приближении к ним.

# Включить-ленивая-кадр загрузка — загружает контент внутри фреймов только при приближении к ним. Ленивая загрузка кадров уже доступна в качестве экспериментальной функции в обычном Google Chrome.

Включите флаг отложенной загрузки изображений, выбрав опцию «Включено» в раскрывающемся списке. Нажмите кнопку «Перезапустить сейчас», чтобы закрыть и снова открыть окна браузера.

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

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

Тестирование отложенной загрузки

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

Ленивая загрузка изображений в Chrome

Ленивая загрузка изображений в Chrome

Как работает отложенная загрузка в Chrome?

Что ж, если вам очень интересно, как это работает, перейдите к портал разработчика чтобы понять больше. Обычно Chrome будет использовать JavaScript, чтобы проверить, находится ли изображение в области просмотра браузера. Если нет, то он загрузит заполнитель для всех изображений за пределами порта просмотра. При прокрутке вниз будет загружено реальное изображение, заменяющее изображение-заполнитель.

Если владелец веб-сайта уже включил отложенную загрузку на уровне сервера, вы не найдете никакой разницы в Chrome, даже если включите флаг отложенной загрузки.

Похожие записи

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

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