Helper Lite for PageSpeed

Опис

Прискорює Ваш сайт завдяки атрибутам decoding=”async” і loading=”lazy” для <img> and <iframe>. Прибирає зауваження “Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке”. Допомагає підвищити оцінку в Google PageSpeed Insights.
Головна розробка йде на GitHub.

Translations

Help translate Helper Lite for PageSpeed

Contribution

Developing plugins is long and tedious work. If you benefit or enjoy this plugin please take the time to:

  • Donate to support ongoing development. Your contribution would be greatly appreciated.
  • Rate and Review this plugin.
  • Share with us or view the GitHub Repo if you have any ideas or suggestions to make this plugin better.

Скріншоти

  • Перед активацією плагіну
  • Після активації плагіну
  • Tab Setting on Plugin Settings Page
  • Tab Script on Plugin Settings Page

Встановлення

З вашого дашборду WordPress

  1. Відкрийте ‘Плагіни > Додати Новий’
  2. Шукайте ‘Helper Lite for PageSpeed’
  3. Активуйте Helper Lite for PageSpeed на сторінці плагінів.
  4. [Опціонально] Налаштуйте плагін в ‘Налаштування > PageSpeed Helper’.

З WordPress.org

  1. Завантажте Helper Lite for PageSpeed.
  2. Завантажте папку ‘helper-lite-for-pagespeed’ в вашу ‘/wp-content/plugins/’ директорію використовуючи будь-який спосіб (ftp, sftp, scp, …)
  3. Активуйте Helper Lite for PageSpeed на сторінці плагінів.
  4. [Опціонально] Налаштуйте плагін в ‘Налаштування > PageSpeed Helper’.

Часті питання

Що робить плагін?

  • Додає атрибути decoding=”async” і loading=”lazy” до всіх зображень на сторінці. Експериментально було доведено що ця комбінація атрибутів прискорює завантаження сторінки на 0.1-0.2 секунди і підвищує ваш результат в Google PageSpeed Insights.
  • Додає атрибут loading=”lazy” до всіх <iframe> на сторінці.
  • Ви можете додати скрипт який прибирає зауваження “Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке” в Google PageSpeed Insights

In WordPress 5.5 and up, images are lazy loaded by default. Why is this plugin needed?

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() (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.

Де знаходяться налаштування плагіну?

Налаштування знаходяться в секціі Налаштування > PageSpeed Helper адмін панелі

Як налаштувати?

  1. На першій вкладці “Налаштування” ви можете вибрати в який спосіб додавати атрибути.
  • The first method ‘Filters’ is safe, but does not apply attributes to all images.
  • The second method ‘Buffer’ will add attributes to all images, but may cause problems on some sites.
  • You can choose what values set to attributes or turn off them at all.
  1. At the second tab ‘Scripts’ you can turn on a script,
    which removes the Google PageSpeed Insights remark “Does not use passive listeners to improve scrolling performance”.

Що означає “Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке”???

Це зауваження PSI може з’явитися, наприклад, на сторінках з коментарями, де завантажується скрипт comment-reply.min.js. Кілька інших сценаріїв також можуть призвести до цього зауваження.

Я встановив плагін, але мій результат в Google PageSpeed Insights не підвищився

  • Видалить кеш на вашому сайті
  • Максимальний ефект буде на сторінці з зображеннями. Нема зображень – нема результату
  • Плагін не впливає на зображення додані через CSS через те що просто неможливо додати атрибути decoding=”async” і loading=”lazy” до них. Плагін працює тільки на зображеннях доданих через HTML тег.

Disabling LazyLoad on Specific Images

If you want to disable LazyLoad on a specific image, you can do so by adding the skip-lazy class to the <img> HTML tag.

What is LQIP?

LQIP (Low Quality Image Placeholders) – it is function which to enable webpages to load correctly in an orderly manner, displaying ultra small, blurry images while the actual version is loading, which works well with lazy loading in JavaScript. This effectively reduces LCP for mobile and desktop. This method only works for the first image on the page – Post Thumbnail.

Contribute

Broken Link Checker is now on GitHub. Pull Requests welcome.

Відгуки

21.07.2020
Поможет ускорить сайт при открытии последних версиях Хром и ему подобных. Разработчикам посоветую добавить комментарии к настройкам.
20.07.2020
Намного улучшились показатели сайта. На мобильном 25-->41 компьютер 61-->87 The site's performance has improved a lot. On mobile 25 -> 41 computer 61 -> 87
Прочитати всі 8 відгуків

Учасники та розробники

“Helper Lite for PageSpeed” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники:

Учасники

“Helper Lite for PageSpeed” було перекладено на 5 локалізацій. Дякуємо перекладачам за їх роботу.

Перекладіть “Helper Lite for PageSpeed” на вашу мову.

Цікавитесь розробкою?

Перегляньте код, перегляньте сховище SVN або підпишіться на журнал розробки за допомогою RSS.

Журнал змін

3.1.0 (30.05.2021)

  • Changed function LQIP
  • Changed FAQ
  • Added Donate link
  • Changed Extra links

3.0.10 (20.05.2021)

  • Added tab Images
  • Added function LQIP

3.0.9 (12.02.2021)

  • Added tab with our useful plugins
  • Added support for WordPress 5.6+

3.0.8

  • Updated description
  • Виправлено помилки

3.0.6

  • Updated description

3.0.5

  • Changed Setting page
  • Added disable function for loading lazy in WP 5.5 and higher
  • Added disable function for lazyload on specific images

3.0.4

  • Added “More optimization” tab
  • Deleted support chat link

3.0.3

  • Виправлено помилки

3.0.2

  • Виправлено помилку з перекладом

3.0.1

  • Виправлено помилки

3.0

  • Структура плагіну була повністю переписана
  • Виправлено помилку з подвійним слешем в посиланні на скрипт
  • Закладку “Контакти” змінено на “Довідка”
  • Додано короткий FAQ
  • Додано більше контактної інформації

2.5.8

  • Виправлено несумісність з pro версією плагіну
  • Код виправлено згідно зі стандартами WordPress
  • Додані нові іконка і обкладинка

2.5.7

  • Виправлено помилки

2.5.6

  • Додано підтримку атрибуту loading=”lazy” для iframe
  • Додано “iframe loading” на закладці “Налаштування”

2.5.4

  • Плагін працює тільки з GET запитами через проблеми з Gutenberg
  • Буфер не очищається після роботи плагіну.
  • Тепер можна вибирати типи атрибутів чи взагалі їх вимкнути
  • Додано посилання “Налаштування” і “Автор” на сторінці плагінів

2.5.3

  • Виправлено неекрановані подвійні лапки в AJAX запитах
  • Пасивні події застосовуються тільки на “touch start”, “scrolling “wheel” події.
  • Виправлено попередження “undefined offset”

2.5.2

  • Виправлено зауваження “Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке”
  • Додано підтримку російської і англійської мов

2.5.1

  • Код виправлено згідно зі стандартами WordPress

2.3.8 (17.07.2020)

  • Код виправлено згідно зі стандартами WordPress

2.3.7

  • Виправлено помилки

2.3.3

  • Виправлено помилки

2.2

  • Виправлено помилки

2.1

  • Виправлено помилки

2.0 (10.07.2020)

  • Виправлено помилки