Helper Lite for PageSpeed

Часто задаваемые вопросы

Что делает этот плагин?

• Добавляет ко всем изображениям на странице атрибуты decoding=»async» & loading=»lazy». Экспериментально доказано, что сочетание этих атрибутов ускоряет загрузку страницы на 0,1-0,2 секунды и увеличивает баллы.
• * Добавляет ко всем <iframe> на странице атрибут loading=»lazy»
• Можно включить скрипт, который убирает замечание Google PageSpeed Insights «Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке»

В WordPress 5.5 и выше изображения по умолчанию загружаются лениво. Зачем нужен этот плагин?

By default, WordPress add a loading=»lazy» attribute to the following images:
* images within post content
* images within post excerpts
* images within text widgets
* avatar images
* template images using wp_get_attachment_image()
But WordPress does not add loading=»lazy» for custom images in the header and footer of the site! In this case, our plugin will help you.

Где находятся настройки плагина ?

Настройки находятся в секции административного меню ‘WP Booster > PageSpeed Helper’

Как настроить ?

1. 1. В первой вкладке ‘Настройки’ Вы можете выбрать способ добавления атрибутов.

• Первый метод ‘Filters’ безопасен, но не применяет атрибуты ко всем изображениям.
• Второй метод ‘Buffer’ добавляет атрибуты ко всем изображениям, но может вызвать проблемы на некоторых сайтах.
• Вы можете выбрать, какие значения установить для атрибутов, или вообще отключить их.

1. На второй вкладке «Скрипты» можно включить скрипт, который убирает замечание Google PageSpeed Insights «Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке»

Что такое «Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке» ????

Это замечание PSI есть, например, на страницах с где подгружается скрипт comment-reply.min.js. Некоторые другие скрипты также могут приводить к этому замечанию.

Установил плагин, но баллы в Google PageSpeed Insights не увеличились

• Очистите кеш на сайте
• Максимальный эффект от плагина будет там, где есть то что он оптимизирует — картинки. Нет картинок — нет и результата
• Плагин не влияет на изображения добавленные в background через css, по той простой причине что к ним невозможно добавить атрибуты decoding=»async» и loading=»lazy». Плагин работает лишь с изображениями добавленными через тег <img>.

Отключение LazyLoad для определенных изображений

Если вы хотите отключить LazyLoad для определенного изображения, вы можете сделать это, добавив класс skip-lazy в теге <img>.

Что такое LQIP?

LQIP (Low Quality Image Placeholders) — это функция, которая позволяет веб-страницам загружаться правильно и упорядоченно, отображая сверхмалые, размытые изображения во время загрузки фактической версии, что хорошо работает с отложенной загрузкой в ​​JavaScript. Это эффективно снижает LCP для мобильных и настольных компьютеров.
Этот метод работает только для первого изображения на странице — миниатюры публикации.

Сделать вклад

Helper Lite для PageSpeed ​​теперь доступен на GitHub. Пулл-реквесты приветствуются.