Lazy load — отложенная (ленивая) загрузка изображений и видео на wordpress

Автор: | 16.08.2020

Вы хотите улучшить скорость загрузки страницы вашего сайта WordPress? Увеличение скорости сайта улучшит рейтинг у поисковых движков, и что еще более важно, улучшит пользовательский опыт.

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

Что такое ленивая (отложенная) загрузка и как она работает

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

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

Читайте также: Как правильно оптимизировать изображения в WordPress.

Важность ленивой загрузки

Основная цель ленивой загрузки-повышение скорости работы сайта.

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

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

Читайте также: Как оптимизировать производительность WordPress

Реализация Отложенной Загрузки

Существует несколько плагинов для реализации отложенной загрузки. Я покажу вам, как включить ленивую загрузку, используя один из самых популярных и простых в использовании плагинов для этой цели, A3 Lazy Load.

A3 Lazy Load

A3 Lazy Load

A3 Lazy Load — это бесплатный плагин WordPress для ленивой загрузки изображений и видео. Через настройки плагина легко определить элементы, которые будут лениво загружены. Он поддерживает копирование и вставку URL-адресов видео в записи и страницы.

Этот плагин совместим с WooCommerce.

На панели администратора WordPress установите и активируйте плагин.

После завершения установки перейдите в раздел Настройки > A3 Lazy Load.

A3 Lazy Load

Затем включите все элементы, для которых требуется включить отложенную загрузку и сохраните изменения.

A3 Lazy Load

Теперь загрузите любую страницу на вашем сайте. При быстрой прокрутке вы увидите, что изображения и видео (а также любые другие выбранные элементы) начинают загружаться только тогда, когда вы начинаете прокручивать их.

И это все! Включена отложенная загрузка.

Другие отличные плагины для включения ленивой загрузки

  1. Lazy Load Optimizer

Lazy Load Optimizer

Lazy Load Optimizer — это бесплатный WordPress плагин ленивый загрузки изображений. Он поддерживает ленивую загрузку содержимого, вставленного из внешних источников на веб-страницу. Более того, он совместим с WooCommerce.

Из панели администратора WordPress установите и активируйте плагин Lazy Load Optimizer.

Затем перейдите в раздел Настройки > Lazy Load Optimizer

Lazy Load Optimizer

Включите контент, который вы хотите обработать на странице общих настроек и сохраните изменения.

Lazy Load Optimizer

Lazy Load Optimizer

  1. Crazy Lazy

Crazy Lazy

Crazy Lazy — это простой и легкий в использовании плагин WordPress для реализации ленивой загрузки.

Он выполняет все основные функции, ожидаемые от плагина ленивой загрузки.

Все, что вам нужно сделать, это загрузить, установить и активировать плагин. И он готов к использованию.

  1. Lazy Load by WP Rocket

Lazy Load by WP Rocket

Этот плагин может лениво загружать изображения, видео и iframes, а также заменяет видео YouTube с помощью миниатюр.

Чтобы использовать этот плагин, вы должны загрузить его из раздела «плагины» на панели администратора WordPress.

Затем перейдите в раздел Настройки> Lazy Load на панели мониторинга.

Lazy Load by WP Rocket

Проверьте все элементы, которые вы хотите лениво загрузить.

Сохраните внесенные изменения.

Lazy Load by WP Rocket

  1. Lazy Load for Videos

Lazy Load for Videos

Ленивая загрузка для видео работает на встроенных видео Youtube и Vimeo. Он помогает отложить загрузку видео, когда пользователи нажимают на изображение предварительного просмотра. Он также работает с WordPress Multisite и другими плагинами.

Загрузите плагин Lazy Load for Videos с панели администратора WordPress.

Перейдите в Настройки> Lazy Load for Videos на панели мониторинга.

Lazy Load for Video

На странице «общие / стиль» вы можете настроить параметры для вашего сайта.

Lazy Load for Video

Обязательно проверьте «отзывчивый режим», чтобы улучшить отзывчивость на всех устройствах.

Lazy Load for Video

Затем сохраните внесенные изменения.

Этот плагин поддерживает другие настройки, такие как:

  • Отключение отложенной загрузки для видео Youtube и Vimeo.
  • Отображение заголовков видео на Youtube и Vimeo.
  • Добавление пользовательского CSS.
  1. WP YouTube Lyte

WP YouTube Lyte

WP YouTube Lyte позволяет добавлять лениво загруженные видео Youtube. Если вы хотите лениво загружать только видео с Youtube, это отличное решение для вас. Этот плагин работает на всех устройствах.

Чтобы использовать WP YouTube Lyte, вам необходимо скачать, установить и активировать его на своем сайте.

Нажмите на Настройки > WP YouTube Lyte на панели управления.

WP YouTube Lyte

Просмотрите все параметры настройки на странице «основные настройки» и отметьте их соответствующим образом.

WP YouTube Lyte

Обязательно введите свой ключ API YouTube. Это позволяет плагину функционировать оптимально.

WP YouTube Lyte

Затем нажмите на кнопку «Сохранить изменения».

Вывод

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

Конфликты плагинов WordPress
Конфликты плагинов WordPress

Конфликт плагинов WordPress может вывести из строя весь ваш сайт Read more

Плагины Для Создания Форума на WordPress
Плагины Для Создания Форума на WordPress

Поддерживать интерес и активность читателей на вашем сайте - довольно Read more

Лучшие Плагины WordPress AMP
Лучшие Плагины WordPress AMP

Посетители вашего сайта получают доступ к его содержимому не только Read more

4 Самых Эффективных Плагина Для Удаления Вредоносных Программ WordPress
4 Самых Эффективных Плагина Для Удаления Вредоносных Программ WordPress

Ваш WordPress взломан или заражен вредоносными программами? Если да, то Read more

Плагин Carbon fields. Часть 4.2 –Типы полей. Complex.
Плагин Carbon fields. Часть 4.2 –Типы полей. Complex.

Сложные поля в Carbon fields, действуют как контейнеры, в которые Read more

Плагин Carbon fields. Часть 4.2 –Типы полей. Медиа (file, Image,Media Gallery)
Плагин Carbon fields. Часть 4.2 –Типы полей. Медиа (file, Image,Media Gallery)

Плагин Carbon fields позволяет загружать на станицы и записи медиа-файлы Read more

Добавить комментарий

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

19 + шесть =