Mozilla Firefox для поддержки функции отложенной загрузки изображений в Chrome

Mozilla Firefox для поддержки функции отложенной загрузки изображений в Chrome

Mozilla добавляет поддержку встроенной функции отложенной загрузки изображений в Google Chrome, и теперь она доступна для тестирования в сборках Firefox Nightly.

Ленивая загрузка изображений. это метод оптимизации производительности веб-сайта, который заставляет браузер загружать только те изображения, которые в данный момент видны или должны быть видны на экране.

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

Традиционно разработчики добавляли бы ленивую загрузку на веб-сайт через сторонние библиотеки JavaScript, но с выпуском Chrome 76 Google добавил его в качестве встроенной функции для браузера.

Чтобы использовать эту функцию, разработчикам просто нужно добавить атрибут loading = "lazy" в свои HTML IMG-теги, как показано ниже.

Добавлено в Firefox Nightly

В текущей сборке Firefox 75 Nightly Mozilla добавила новый параметр about: config config с именем ‘доминион изображения ленивой загрузка. включен«Это позволяет вам включить встроенную ленивую загрузку в браузере.

Чтобы протестировать эту функцию, просто откройте инструменты разработки Firefox, перейдите на вкладку «Сеть» и перейдите на демонстрационный сайт с отложенной загрузкой.

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

По мере прокрутки вниз консоль разработчика будет показывать, что Firefox загружает больше изображений, поскольку они почти видны в браузере.

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