lazy load wordpress — как добавить ленивую загрузку на сайт

Арт блог

Вы можете использовать Lazy LoadPress для ускорения работы вашего сайта WordPress.

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

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

Что такое ленивая загрузка WordPress и почему она помогает?

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

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

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

Используйте ленивую загрузку

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

ЧИТАТЬ ЕЩЁ:  6 шагов совершенствования веб-дизайна в стиле минимализм

Использование ленивой загрузки

Медленная загрузка также относится к видео, скриптам и комментариям. По сути, перемещение файлов JavaScript в нижний колонтитул — это способ ускорить загрузку страницы.

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

Бесконечная прокрутка — это альтернатива классической постраничной прокрутке. При его использовании дополнительные записи загружаются во время сворачивания страницы. Это можно увидеть на Pinterest и Pocket.

Использование ленивой загрузки - 2

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

Преимущества ленивой загрузки

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

Минусы использования ленивой загрузки

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

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

Как добавить ленивый zyLoad (lazy zyLoadWordPress) с помощью плагина

Для большинства пользователей лучшим вариантом будет использование плагина для WordPress с ленивой загрузкой.

Ленивая загрузка

Этот ADD -ON был установлен более 90 000 раз и имеет очень высокий рейтинг — 4 звезды.

Lazy Load использует jquery.sonar для загрузки изображений только тогда, когда они появляются в окне просмотра. Вес дополнения Lazy Load — on составляет всего 20 кб.

BJ Ленивая загрузка.

BJ Ленивая загрузка

BJ Lazy Load был установлен более 60 000 раз и пользуется не меньшей популярностью. Он заменяет все изображения и вставки (включая видеоролики YouTube и Vimeo) на контент перед предварительным просмотром пользователем.

ЧИТАТЬ ЕЩЁ:  20 лучших бесплатных ресурсов для дизайнеров

Ленивая загрузка zy из WP Rocket

Ленивая загрузка с помощью WP Rocket

Lazy Load от WP Rocket выполняет ленивую загрузку изображений и фреймов. Сюда входят миниатюры, содержимое виджетов, аватары и смайлики. Этот плагин не использует никаких библиотек JavaScript. Поэтому его вес составляет менее 10 кБ.

Более 10 000 сайтов надежно используют Lazy Load от WP Rocket.

a3 Ленивая нагрузка.

a3 Ленивая загрузка

Это один из немногих плагинов в этом списке с дополнительными опциями конфигурации. Он подходит для медленной загрузки постов, страниц, виджетов, миниатюр, изображений аватаров, видео и фреймов. a3 Lazy Load совместим с WooCommerce.

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

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

CrazyLazy.

Безумный лентяй

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

Вы также можете определить свои собственные плагины с помощью CSS и заменить ими изображения.

Ускорение — ленивая загрузка

Ускорение - задержка загрузки

Еще один плагин для последующей загрузки изображений и фреймов. Весит всего 5 КБ. Реализован шорткод для отключения ленивой загрузки. Включает отдельные изображения.

WordPress Бесконечная прокрутка — Ajax-загрузка Подробнее

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

WordPress Infinite Scroll также работает с WooCommerce и Easy Digital Downloads.

WP YouTube Lite.

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

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

ЧИТАТЬ ЕЩЁ:  Как в Photoshop увеличить резкость изображений

Альтернативным плагином для Lazy Load for Videos являетсяЛенивая загрузка для видео.

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

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

Оцените статью