Вы хотите Lazy Load изображений в WordPress? Lazy Loading позволяет вашему веб-сайту загружать изображения, когда пользователь прокручивает до определенного изображения. Вы можете увидеть его в действии на многих популярных сайтах, таких как Buzzfeed. В этой статье мы делаем ленивую загрузку изображений в WordPress.
Содержание статьи
Почему Lazy Load Images в WordPress?
Никто не любит медленные сайты. Исследование, проведенное Strangeloop, показало, что 1-секундная задержка во время загрузки страницы может привести к 7% -ной потере конверсий, на 11% меньше просмотров страниц и снижению удовлетворенности клиентов на 16%.
Изображения занимают больше времени, чтобы загрузить ваш сайт по сравнению с чем-либо еще. Если вы добавляете много изображений в свои статьи, каждое изображение увеличивает время загрузки страницы.
Одним из способов решения этой ситуации является оптимизация изображений для Интернета и использование службы CDN, например MaxCDN. Это позволяет пользователям загружать сразу несколько изображений с серверов, расположенных рядом с ними.
Однако ваши изображения все равно будут загружены, и это все равно повлияет на общее время загрузки страницы. Чтобы преодолеть эту проблему, вы можете задерживать изображения, выполняя ленивую загрузку изображений на своем веб-сайте.
Как работает ленивая загрузка изображений?
Вместо того, чтобы загружать сразу все ваши изображения, ленивая загрузка загружает только изображения, которые будут отображаться на экране пользователя. Он заменяет все другие изображения изображением заполнителя.
Когда пользователь прокручивает вниз, ваш сайт загружает изображения, которые теперь видны в области просмотра браузера.
Настройка Lazy Load для изображений в WordPress
Первое, что вам нужно сделать, это установить и активировать плагин BJ Lazy Load.
После активации вам нужно перейти на страницу настроек «BJ Lazy Load», чтобы настроить параметры плагина.
Вы можете применять ленивую нагрузку на контент, текстовые виджеты, миниатюры статей, граватары, изображения и фреймы. Вы также можете загрузить пользовательское изображение, которое будет использоваться в качестве изображения заполнителя.
Этот плагин также имеет возможность отображать версию изображения с низким разрешением вместо изображения с заполнителем. Чтобы использовать эту функцию, вам необходимо будет восстановить размеры изображений, чтобы она могла генерировать версию с низким разрешением для всех ваших предыдущих загрузок.
Не забудьте нажать кнопку сохранения изменений, чтобы сохранить настройки.
Теперь вы можете посетить свой сайт, чтобы увидеть ленивую загрузку изображений в действии.
Мы надеемся, что эта статья помогла вам научиться ленивым загрузкам изображений в WordPress.
Оставить комментарий