Плагины Lazy Load ускоряют загрузку сайта? Сравнение популярных плагинов

ОбзорыПолезные советы

Lazy Load — это техника загрузки изображений по мере скроллинга страницы. Когда изображения не попадают в область видимости, они не загружаются.

Если разбираетесь в коде, добавить поддержку Lazy Load можно напрямую в вашу тему, однако, намного проще использовать небольшой готовый плагин.

Считается, что такой плагин способен увеличить скорость загрузки сайта. Давайте проверим это на практике.

В хранилище WordPress можно найти около 10 плагинов для пост-загрузки изображений. Плагины, которые получили более низкую оценку пользователей, по той или иной причине; или же имеют совсем малое количество активных установок, были исключены. В итоге для сравнения осталось три популярных плагина: Lazy Load, Unveil Lazy Load и Lazy Load XT.

Для теста была взята наша недавно опубликованная статья с двадцатью на тот момент неоптимизированными изображениями в формате .png, каждое — размером 1200 x 1200 пикселей.

Для проверки использовался инструмент PageSpeed Insights от Google. После активации нового плагина полностью очищался кэш, и проверялась свежая кэшированная страница. Тест проводился 7 раз для каждого плагина, с разным промежутком времени, плагины подключались несколько раз в произвольной последовательности, чтобы уменьшить погрешность скорости ответа сервера. Кэширование на на сервере осуществляется на основе Nginx, для сжатия CSS, JavaScript, и HTML используется плагин Autoptimize.

Без плагинаLazy LoadUnveil Lazy LoadLazy Load XT
1-я проверка91 / 10089 / 10092 / 10094 / 100
2-я проверка93 / 10089 / 10089 / 10094 / 100
3-я проверка93 / 10089 / 10089 / 10094 / 100
4-я проверка93 / 10089 / 10089 / 10094 / 100
5-я проверка91 / 10089 / 10089 / 10094 / 100
6-я проверка93 / 10089 / 10089 / 10094 / 100
7-я проверка91 / 10089 / 10089 / 10094 / 100
Средний бал92,1 / 10089 / 10089,4 / 10094 / 100

Как видно, плагины Lazy Load и Unveil Lazy Load не только не повысили скорость загрузки сайта, а наоборот понизили ее, плагин Lazy Load XT улучшил показатель скорости загрузки почти на 2 балла.

Lazy Load

60 000+ активных установок

средний бал скорости загрузки — 89 из 100

Плагин Lazy Load объединяет код, написанный несколькими командами, включая команду WordPress.com VIP. Плагин использует  jQuery.sonar, в сжатом виде размер файла 1.4KB. Плагин не требует настроек. Действует для изображений в списках публикаций, в статьях, виджетах.

Субъективно, изображения при небольшой скорости интернет-соединения грузятся не плавно.

Unveil Lazy Load

9 000+ активных установок

средний бал скорости загрузки — 89,4 из 100

Плагин использует легкий JavaScript Unveil.js, размером 0.6KB, по характеристикам плагин похож на предыдущий.

Lazy Load XT

1000+ активных установок

средний бал скорости загрузки — 94 из 100

Плагин Lazy Load XT — победитель не только по результатам теста скорости загрузки но и по количеству доступных опций.

Вы можете выбрать, нужно ли использовать Lazy Load для миниатюр изображений и аватарок в комментариях, плагин даже может применять пост-загрузку для видео YouTube и Vimeo.

Что также важно — можно включить поддержку для публикаций, загружаемых с помощью AJAX. Для двух предыдущих плагинов при AJAX-загрузке новых публикаций изображения отображаться не будут.

Загрузка показалась наиболее плавной и быстрой даже с небольшой скоростью интернет-соедения. Анимацию можно также отключить по желанию.

Рекомендуем активировать две опции «Load minimized versions of JavaScript and СSS files” и «Load Scripts in the footer”. Если вы используйте плагин Autoptimize или похожий для сжатия JavaScript, применять первую опцию не обязательно.

Использование плагинов Lazy Load не сильно повышает скорость загрузки сайта, но улучшает опыт пользователя на сайте. Для оптимизации скорости загрузки, рекомендуем также оптимизировать сами изображения, например, плагином EWWW Image Optimizer.