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

Firefox 75 добавляет отложенную загрузку изображений

После Google Chrome Mozilla добавила поддержку отложенной загрузки изображений в Firefox 75. Эта функция не включена по умолчанию, но может быть включена в последней версии Nightly, и вы можете протестировать эту функцию самостоятельно на поддерживаемых демонстрационных сайтах с отложенной загрузкой.

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

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

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

1. Запустите браузер Firefox Nightly.

2. Посетите about: config.

3. Найдите «ленивый», в выделенных результатах измените дом.ленивая загрузка изображений.включено значение pref для правда

4. Теперь перезапустите браузер и зайдите на IMG, загружающий ленивый демонстрационный сайт, и попробуйте прокрутить вниз, чтобы заметить, что изображения кошек загружаются одно за другим. Вы также можете увидеть значение «loading» как истинное для «HTMLImageElement.prototype» вверху, в версиях, отличных от Nightly, оно будет отображаться как false.

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

Хорошая новость заключается в том, что отложенная загрузка изображений также должна стать частью ядра WordPress, и уже доступны плагины WordPress, такие как W3 Total Cache и Auto Optimize, которые предлагают возможность отложенной загрузки закадровых изображений для владельцев веб-сайтов, чтобы воспользоваться ими для лучшего взаимодействия с пользователем.

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

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