TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Как реализовать ленивую загрузку (LazyLoad) изображений в WordPress при помощи плагинов

1 117

Скорость является ключевой в интернете. Если вам нужно больше конверсий, и больше поискового трафика или более довольных пользователей, может оптимизировать ваш сайт WordPress для повышения скорости ?

Но если вы уже исправили, такие пункты как использование CDN и оптимизация размеров изображений, как вы можете добиться еще большей скорости?

Одним из способов является реализация отложенной загрузки ваших изображений.

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

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

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

Основные преимущества ленивой загрузки разбиты на две области…

Ускорьте загрузку вашей страницы

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

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

Это подводит меня к следующему пункту …

Сохранить пропускную способность ваших пользователей

Не все используют неограниченную пропускную способность. Для людей, которые ограничены, скажем, мобильными тарифными планами 3G (или просто ужасными интернет-провайдерами), вы можете сделать им одолжение, лениво загружая ваши изображения. Им нужно будет использовать данные только для изображений, которые они на самом деле видят.

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

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

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

Поисковая оптимизация и ленивая загрузка

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

Однако, если вы пытаетесь ранжировать изображения в чем-то вроде Google Image Search, вам нужно помнить об этом.

И всегда помните – если вы попытаетесь лениво загрузить весь ваш контент (включая текст), используйте инструмент Fetch as Googlebot, чтобы проверить, не вызывает ли он проблем с Google.

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

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

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

Если вам нужно что-то сделать … есть плагин для WordPress.

Это относится и к отложенной загрузке – вот лучшие плагины для настройки вашего сайта WordPress с отложенной загрузкой изображений.

Lazy Load

1lazy-нагрузки плагин

Самый популярный бесплатный плагин для реализации отложенной загрузки – это Lazy Load. Он получил более 70 000 активных установок с 4,5-звездочной оценкой в ​​хранилище плагинов.

Это простой плагин – он использует jQuery.sonar для загрузки изображений только тогда, когда они действительно находятся в видимой области пользователя. Просто загрузите плагин, нажмите « Активировать» , и все готово. Нет настроек.

Rocket Lazy Load Plugin

2rocket-ленивый-нагрузка плагин

Rocket Lazy Load – бесплатный и легкий плагин для реализации отложенной загрузки. Он занимает менее 2 КБ и не использует библиотеки JavaScript.

Он работает с эскизами и изображениями в сообщениях и виджетах.

Как и Lazy Load, вам просто нужно установить его и нажать Activate, чтобы начать ленивую загрузку ваших изображений.

BJ Lazy Load Plugin

4-BJ-ленивые нагрузки

BJ Lazy Load – бесплатный плагин, который не использует внешние библиотеки JavaScript и имеет более 40 000 активных установок. Несмотря на это, я немного выбил его из списка, потому что он не обновлялся более 11 месяцев.

Плагин будет лениво загружать изображения, миниатюры, изображения Gravatar и контентные фреймы. Так как BJ Lazy Load может обрабатывать видеофрагменты с YouTube или других встраиваний iframe, это хорошее преимущество.

WordPress Advanced Image Плагин Lazy Load

Продвинутая ленивые нагрузки

WordPress Advanced Image Lazy Load – это премиальный плагин, доступный на Code Canyon. За эту премиальную цену вы получаете поддержку для всех изображений, будь то в сообщениях, на страницах, на боковых панелях, в избранных изображениях или где-либо еще.

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

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

Вы определенно получаете более продвинутые функции, платя премиальный ценник.

WordPress Advanced Image Lazy Load стоит $ 15, имеет 228 продаж и рейтинг 3,88.

JCH Optimize Pro Плагин

JCH-оптимизируют-плагин

JCH Optimize Pro – это премиум-версия бесплатного плагина JCH Optimize. К сожалению, вам нужно приобрести премиум-версию плагина, чтобы получить доступ к функции отложенной загрузки. Но вы также получаете кучу дополнительных функций, которые могут быть полезны в зависимости от того, какие другие плагины вы установили.

В дополнение к отложенной загрузке вы также получите:

  • Минимизированные HTTP-запросы
  • Минимизированные размеры страниц
  • Оптимизированные изображения
  • Некоторые другие небольшие функции, такие как поддержка CDN и многое другое.

Поэтому, если вам нужен более полный пакет услуг по оптимизации, вы можете воспользоваться JCH Optimize Pro. Pro версия начинается с $ 29 за 6 месяцев доступа.

Бонус: Crazy Lazy Plugin

ум-ленивый-плагин

У Crazy Lazy не так много установок (только 400 активных установок в настоящее время), но он регулярно получает обновления. Это привлекло мое внимание, потому что разработчик обновил его буквально в тот же день, когда я составил этот список. Проверьте это для другого бесплатного, легкого варианта.

Последние мысли

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

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

С таким количеством бесплатных плагинов, которые справляются с отложенной загрузкой, у вас действительно нет оправдания, чтобы этого не делать. Просто не забудьте всегда проверять свой сайт с помощью Fetch как Googlebot, чтобы убедиться, что с индексацией Google ничего не происходит.

Источник записи: https://wplift.com

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