Вы хотите улучшить скорость загрузки страницы вашего сайта WordPress? Увеличение скорости сайта улучшит рейтинг у поисковых движков, и что еще более важно, улучшит пользовательский опыт.
Контент может сделать ваш сайт тяжелым и медленным для загрузки в браузерах. Контент сайта состоит из комментариев, изображений, видео и скриптов. Поскольку это, как правило, большие файлы, их оптимизация значительно повлияет на скорость вашего сайта.
Что такое ленивая (отложенная) загрузка и как она работает
Отложенная загрузка означает загрузку содержимого только в видимую часть браузера. Это задерживает загрузку контента, который появляется в нижней и невидимой части браузера.
При ленивой загрузке изображения и видео на вашей веб-странице не будут загружаться одновременно. Те, что находятся в верхней части веб-страницы, будут загружены и отображены. В то время как те, которые находятся ниже области просмотра браузера, будут задерживаться, пока пользователь не прокрутит вниз до этой точки на странице. В результате изображения и видео не будут загружаться, пока это не понадобится пользователю.
Читайте также: Как правильно оптимизировать изображения в WordPress.
Важность ленивой загрузки
Основная цель ленивой загрузки-повышение скорости работы сайта.
Посетители сайта могут начать использовать ваш сайт, не дожидаясь полной загрузки всех изображений и видео. Это экономит время посетителей и ресурсы для загрузки носителей, которые им могут не понадобиться в конечном итоге.
Ленивая загрузка также экономит ресурсы вашего сайта, поскольку вам не нужно будет отправлять изображения и видео до тех пор, пока это не потребуется.
Читайте также: Как оптимизировать производительность WordPress
Реализация Отложенной Загрузки
Существует несколько плагинов для реализации отложенной загрузки. Я покажу вам, как включить ленивую загрузку, используя один из самых популярных и простых в использовании плагинов для этой цели, A3 Lazy Load.
A3 Lazy Load
A3 Lazy Load — это бесплатный плагин WordPress для ленивой загрузки изображений и видео. Через настройки плагина легко определить элементы, которые будут лениво загружены. Он поддерживает копирование и вставку URL-адресов видео в записи и страницы.
Этот плагин совместим с WooCommerce.
На панели администратора WordPress установите и активируйте плагин.
После завершения установки перейдите в раздел Настройки > A3 Lazy Load.
Затем включите все элементы, для которых требуется включить отложенную загрузку и сохраните изменения.
Теперь загрузите любую страницу на вашем сайте. При быстрой прокрутке вы увидите, что изображения и видео (а также любые другие выбранные элементы) начинают загружаться только тогда, когда вы начинаете прокручивать их.
И это все! Включена отложенная загрузка.
Другие отличные плагины для включения ленивой загрузки
-
Lazy Load Optimizer
Lazy Load Optimizer — это бесплатный WordPress плагин ленивый загрузки изображений. Он поддерживает ленивую загрузку содержимого, вставленного из внешних источников на веб-страницу. Более того, он совместим с WooCommerce.
Из панели администратора WordPress установите и активируйте плагин Lazy Load Optimizer.
Затем перейдите в раздел Настройки > Lazy Load Optimizer
Включите контент, который вы хотите обработать на странице общих настроек и сохраните изменения.
-
Crazy Lazy
Crazy Lazy — это простой и легкий в использовании плагин WordPress для реализации ленивой загрузки.
Он выполняет все основные функции, ожидаемые от плагина ленивой загрузки.
Все, что вам нужно сделать, это загрузить, установить и активировать плагин. И он готов к использованию.
-
Lazy Load by WP Rocket
Этот плагин может лениво загружать изображения, видео и iframes, а также заменяет видео YouTube с помощью миниатюр.
Чтобы использовать этот плагин, вы должны загрузить его из раздела «плагины» на панели администратора WordPress.
Затем перейдите в раздел Настройки> Lazy Load на панели мониторинга.
Проверьте все элементы, которые вы хотите лениво загрузить.
Сохраните внесенные изменения.
-
Lazy Load for Videos
Ленивая загрузка для видео работает на встроенных видео Youtube и Vimeo. Он помогает отложить загрузку видео, когда пользователи нажимают на изображение предварительного просмотра. Он также работает с WordPress Multisite и другими плагинами.
Загрузите плагин Lazy Load for Videos с панели администратора WordPress.
Перейдите в Настройки> Lazy Load for Videos на панели мониторинга.
На странице «общие / стиль» вы можете настроить параметры для вашего сайта.
Обязательно проверьте «отзывчивый режим», чтобы улучшить отзывчивость на всех устройствах.
Затем сохраните внесенные изменения.
Этот плагин поддерживает другие настройки, такие как:
- Отключение отложенной загрузки для видео Youtube и Vimeo.
- Отображение заголовков видео на Youtube и Vimeo.
- Добавление пользовательского CSS.
-
WP YouTube Lyte
WP YouTube Lyte позволяет добавлять лениво загруженные видео Youtube. Если вы хотите лениво загружать только видео с Youtube, это отличное решение для вас. Этот плагин работает на всех устройствах.
Чтобы использовать WP YouTube Lyte, вам необходимо скачать, установить и активировать его на своем сайте.
Нажмите на Настройки > WP YouTube Lyte на панели управления.
Просмотрите все параметры настройки на странице «основные настройки» и отметьте их соответствующим образом.
Обязательно введите свой ключ API YouTube. Это позволяет плагину функционировать оптимально.
Затем нажмите на кнопку «Сохранить изменения».
Вывод
Ленивая загрузка WordPress — это один из отличных методов оптимизации скорости вашего сайта. Контролируя загрузку изображений и других носителей, вы можете значительно увеличить скорость вашего сайта и улучшить использование ресурсов.