Techbear
Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.
Страницы с большим количеством изображений долго загружаются. Для каждого изображения посылается отдельный запрос, который сервер должен обработать и послать изображение в ответ. В это время посетитель страницы ждет, пока она загрузится.
Чтобы сократить время ожидания на загрузку большого количества картинок, появилась технология lazy load. Она ускоряет загрузку страниц, и требует пару кликов для начала работы. Lazy load загружает картинки с сервера тогда, когда они находятся Above the fold, то есть в верхней видимой части экрана.
Общее количество запросов остается тем же, но часть запросов откладывается во времени, поэтому страница загружается быстрее.
Например, вы открываете страницу, на которой находятся 10 картинок. Загрузятся только те картинки, которые находятся в видимой части страницы. Остальные будут загружаться по мере того, как вы будете спускаться вниз страницы.
В этой статье обзор 5 лучших плагинов для lazy load загрузки картинок.
У этого плагина нет настроек — просто установите и он начнет работать.
Он использует jQuery.sonar библиотеку, которая загружает картинку тогда, когда она находится в видимой части экрана. Этот плагин результат совместной работы разработчиков из Automattic и Джейка Голдмана. Automattic делает плагины WooCommerce, WP Super Cache, Jetpack, приложение WordPress для мобильных и другой софт. Джейк Голдман работал с Fortune 500, Time, TED, Google, Microsoft и другими компаниями.
В настройках плагина можно выбрать, какие картинки загружать lazy load, — картинки в постах, миниатюры постов, граватары и другие. Может показывать выбранную картинку или картинку с меньшим разрешением, пока загружается версия с бóльшим разрешением.
В мобильных версиях выдает картинки с меньшим разрешением.
Плагин от разработчиков плагина кеширования WP Rocket.
Этот плагин не использует js, и имеет размер <10 Кб. Так же, как предыдущий плагин, работает со всеми изображениями на странице. Настроек нет.
Плагин использует собственную библиотеку Unveil.js, размер менее 0,6 Кб. Загружает картинки, когда они появляются в браузере. Никаких настроек нет.
Еще один простой плагин, настроек нет, использует js.
Надеюсь, статья была полезна. Оставляйте комментарии.
Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.