»  Оптимизация  »  5 Lazy Load плагинов для ускорения загрузки картинок в WordPress

5 Lazy Load плагинов для ускорения загрузки картинок в WordPress

5 Lazy Load плагинов для ускорения загрузки картинокСтраница с большим количеством картинок долго загружается. Для каждый картинки посылается отдельный запрос, который сервер должен обработать и послать картинку в ответ. В это время посетитель страницы ждет, пока она загрузится.

Чтобы сократить время ожидания на загрузку большого количества картинок, появилась технология lazy load. Она ускоряет загрузку страниц, и требует пару кликов для начала работы. Lazy load загружает картинки с сервера тогда, когда они находятся Above the fold, то есть в верхней видимой части экрана.

Общее количество запросов остается тем же самым, но часть запросов откладывается во времени, за счет этого страница загружается быстрее.

Например, вы открываете страницу, на которой расположены 10 картинок. Когда страница загрузится, загрузятся только те картинки, которые находятся в верхней части страницы. Остальные будут загружаться по мере того, как вы будете спускаться вниз страницы.

В этой статье обзор 5 популярных плагинов для lazy load загрузки картинок.


Lazy Load

Плагин WP Lazy Load

У этого плагина нет настроек — просто установите и он начнет работать.

Он использует jQuery.sonar библиотеку, которая загружает картинку тогда, когда она находится в видимой части экрана. Этот плагин результат совместной работы разработчиков из Automattic и Джейка Голдмана. Automattic делает плагины WooCommerce, WP Super Cache, Jetpack, приложение WordPress для мобильных и другой софт. Джейк Голдман работал с Fortune 500, Time, TED, Google, Microsoft и другими компаниями.

Скачать с wordpress.org


BJ Lazy Load

Плагин BJ Lazy Load

У этого плагина есть настройки какие картинки загружать lazy load, — картинки в постах, тамбнейлы к постам, граватары и так далее. Может показывать кастомную картинку или версию картинки с меньшим разрешением, пока загружается версия с бóльшим разрешением. В мобильных версиях выдает картинки с меньшим разрешением.

Настроек немного, все интуитивно понятны.

Скачать с wordpress.org


Lazy Load by WP Rocket

Плагин Lazy Load by WP Rocket

Плагин от создателей плагина кеша WP Rocket.

Этот плагин не использует js, и имеет размер <10 Кб. Так же, как предыдущий плагин, работает со всеми изображениями на странице, но никаких настроек нет.

Скачать с wordpress.org


Unveil Lazy Load

Unveil Lazy Load

Плагин использует собственную библиотеку Unveil.js, размер менее 0,6 Кб. Загружает картинки, когда они появляются в браузере. Никаких настроек нет.

Скачать с wordpress.org


jQuery Image Lazy Load WP

Плагин jQuery Image Lazy Load WP

Еще один простой плагин, настроек нет, использует js.

Скачать с wordpress.org

Надеюсь, статья была полезна. Оставляйте комментарии.

Оставьте комментарий

Do NOT follow this link or you will be banned from the site!