отложенная загрузка изображений

Отложенная загрузка изображений (лучшие плагины)

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

Что такое “Отложенная загрузка” (Ленивая загрузка, Lazy Load)?

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

Таким образом Отложенная загрузка понижает общий размер странички, что и увеличивает скорость её загрузки.

Почему поисковики очень тщательно следят за скоростью загрузки сайта?
Основная причина в том, что в поисковике Яндекс увидели тенденцию, которая показала, что посетители реже пользуются данным поисковиком, когда Яндекс показывает “медленные” сайты. А если вы перестаете использовать Яндекс и начинаете пользоваться другими поисковыми системами, то Яндекс зарабатывает меньше денег на контекстной рекламе.

Плагинов “Отложенной загрузки” для wordpress очень много.

Вот лучшие из них:

1. WP Lazy Load

Сведение о плагине:
Сайт плагина: “ru.wordpress.org/plugins/lazy-load/”
Количество активных загрузок: 90,000+ (самое большое количество среди подобных плагинов)!
Автор плагина: Mohammad Jangda

Созданием плагина Lazy Load занималась команда из Automattic – одного из разработчиков WordPress и другие опытные программисты.
Поэтому код плагина – чистый и надежный!
Плагин использует скрипт – jQuery.sonar.
К тому же у плагина нет настроек – достаточно просто активировать плагин и все будет правильно настроено и отлично работать!

2. a3 Lazy Load

Сведение о плагине:
Сайт плагина: “ru.wordpress.org/plugins/a3-lazy-load/”
Количество активных загрузок: 20,000+
Автор плагина: a3rev Software

Следующий плагин, который мне понравился – это a3 Lazy Load.
Он может справится даже с большими, тяжеловесными страничками сайта!

Тестовая страничка плагина (страничка с 1000 изображениями):
“ressio.github.io/lazy-load-xt/demo/stresstest1000img.htm”

Плагин использует “Lazy-Load-xt JavaScript” jQuery плагин, который доказал свою нажедность в течение продолжительного времени.

У плагина есть достаточно много настроек:

3. BJ Lazy Load

Сведение о плагине:
Сайт плагина: “ru.wordpress.org/plugins/bj-lazy-load/”
Количество активных загрузок: 60,000+
Автор плагина: Bjørn Johansen, Aron Tornberg, angrycreative

Плагин BJ Lazy Load по некоторым показателям незначительно превосходит a3 Lazy Load, он быстрее и более производителен, поэтому и количество активных установок больше.

Настроек у BJ Lazy Load меньше, чем у предыдущего плагина:

4. Speed Up – Lazy Load

Сведение о плагине:
Сайт плагина: “ru.wordpress.org/plugins/speed-up-lazy-load/”
Количество активных загрузок: 3,000+
Автор плагина: Simone Nigro

Супер легкий плагин, который весит всего 5КБ. Установив и активировав данный плагин вы получите все стандартные функции отложенной загрузки изображений.
У данного плагине нет настроек – достаточно просто активировать плагин и все будет работать!

5. Crazy Lazy

Сведение о плагине:
Сайт плагина: “ru.wordpress.org/plugins/crazy-lazy/”
Количество активных загрузок: 5,000+
Автор плагина: pluginkollektiv

У данного плагине также нет настроек – достаточно просто активировать плагин и все будет работать!
Данный плагин использует либо jQuery плагин – Unveil.js для тяжеловесных страничек с большим количеством картинок, либо библиотеку Lazyload.js для небольших сайтов.

6. Zedna WP Image Lazy Load

Сведение о плагине:
Сайт плагина: “ru.wordpress.org/plugins/wp-image-lazy-load/”
Количество активных загрузок: 800+
Автор плагина: Radek Mezulanik

Главной особенностью плагина Zedna WP Image Lazy Load является то, что можно испоьзовать анимацию при загрузке изображений, которые будут постепенно появлятся при прокрутке страницы вниз.

Здесь можно выбрать время анимации и интерполяцию анимации (как будет появляться изображение):

Есть и другие настройки плагина:

7. Lazy Loading Responsive Images

Сведение о плагине:
Сайт плагина: “ru.wordpress.org/plugins/lazy-loading-responsive-images/”
Количество активных загрузок: 1,000+
Автор плагина: Florian Brinkmann, MarcDK

Плагин достаточно часто обновляется – авторы следят за кодом и безопасностью!

Плагин использует скрипт lazysizes.js.

Настроек почти что нет – единственный пукнт – это функция исключения определенных классов изображений от отложенной загрузки, которая находится в пункте “Внешний вид”, подпункт “Настроить”:

8. Lazy Load XT

Сведение о плагине:
Сайт плагина: “ru.wordpress.org/plugins/lazy-load-xt/”
Количество активных загрузок: 3,000+
Автор плагина: Davo Hynds

Минус то, что плагин не обновлялся уже более 2 лет.
Однако, если посмотреть на рейтинг плагина, то почти все отзывы ииеют максимальный показатель – 5 звезд из 5!

Lazy Load XT- это легкий плагин отложенной загрузки с оптимальным количеством настроек:

Плагин использует скрипт Lazy Load XT, но с немного урезанными функциями.

9. Lazy Load for Videos

Сведение о плагине:
Сайт плагина: “ru.wordpress.org/plugins/lazy-load-for-videos/”
Количество активных загрузок: 7,000+
Автор плагина: Kevin Weber

Хотите использовать функцию отложенной загрузки для видео файлов, то этот плагин точно вам подойдет.

Он заменяет встроенное видео с YouTube и Vimeo на интерактивные изображения предварительного просмотра. Видео будет загружено только тогда, когда пользователь нажмет на изображение.

Отлично подойдет для сайтов с большим количеством видео на страничках.

Настроек достаточно много:

Есть очень интересные функции, например:
“Конвертируйте видеоролики Youtube в плейлист и автоматически добавляйте: свое корпоративное видео, тизер продукта или другую рекламу. Вы можете просто вставить простой Youtube video ID, например IJNR2EpS0jw или, разделенный запятыми, список идентификаторов видео (IJNR2EpS0jw,dMH0bHeiRNg).”

На этом все! Красивых и быстрых вам сайтов!