Как лениво загружать изображения в WordPress

Хотите лениво загружать изображения в WordPress? Ленивая загрузка позволяет вашему веб-сайту загружать изображения только тогда, когда пользователь прокручивает страницу до определенного изображения. Вы можете увидеть это в действии на многих популярных сайтах, таких как Buzzfeed. В этой статье мы покажем вам, как легко лениво загружать изображения в WordPress.

^

Почему ленивая загрузка изображений в WordPress?

Никто не любит медленные сайты. Исследование, проведенное Strangeloop, показало, что задержка загрузки страницы в 1 секунду может привести к потере конверсий на 7%, уменьшению числа просмотров страниц на 11% и снижению удовлетворенности клиентов на 16%.

^

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

Один из способов справиться с этой ситуацией – оптимизировать изображения для Интернета и использовать сервис CDN, такой как MaxCDN. Это позволяет пользователям загружать несколько изображений одновременно с серверов, расположенных рядом с ними.

^

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

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

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

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

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

Настройка отложенной загрузки изображений в WordPress

Первое, что вам нужно сделать, это установить и активировать плагин BJ Lazy Load. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

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

^

Вы можете применить ленивую загрузку к контенту, текстовым виджетам, миниатюрам сообщений, граватарам, изображениям и фреймам. Вы также можете загрузить свое изображение, которое будет использоваться в качестве изображения-заполнителя.

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

Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить настройки.

Теперь вы можете посетить свой веб-сайт, чтобы увидеть ленивую загрузку изображений в действии.

Мы надеемся, что эта статья помогла вам научиться лениво загружать изображения в WordPress. Вы также можете попробовать наше руководство по ускорению WordPress, которое содержит 19 советов по повышению производительности WordPress.