Как и почему нужно использовать отложенную загрузку на сайтах WordPress

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

Как и почему необходимо использовать отложенную загрузку на веб-сайтах WordPress

Термин отложенная загрузка(англ. lazy loading) мы бы могли перевести, как ленивая загрузка, и это бы во многом соответствовало реальности. Она действительно становится ленивой, когда дело доходит до загрузки содержимого(картинок, видео, текста) на веб-страницу.

Смотрите также:

  • Как можно без труда быстро ускорить загрузку веб-сайта на WordPress
  • Как заставить Google полюбить веб-сайт — Простые SEO-правила
  • Лучшие SEO плагины и инструменты для WordPress
  • WordPress SEO by Yoast — руководство по параметру
  • Yoast WordPress SEO против All in One SEO Pack: что выбрать?

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

Плюсы отложенной загрузки

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

Выше скорость загрузки веб-сайта

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

Улучшение SEO

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

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

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

Минусы отложенной загрузки

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

Ущерб для SEO

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

Низкая производительность на старых браузерах

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

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

Кроме того, посетители не смогут контролировать переходы по содержимому или использовать кнопку браузера «Назад», когда будут искать контент, который они недавно просмотрели.

Когда использовать отложенную загрузку

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

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

Экспериментируйте и проверяйте данные, используя Google Analytics(для трафика веб-сайта и SEO), Pingdom(для скорости веб-сайта) и просто обращайте внимание на пользовательский фидбэк.

Как добавить отложенную загрузку на WordPress веб-сайт

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

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

Ознакомьтесь с некоторыми аспектами написания кода отложенной загрузки на Code Project или Elegant Themes.

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

Lazy Load

Как и почему необходимо использовать отложенную загрузку на веб-сайтах WordPress

Этот плагин разработан в сотрудничестве с Automattic и 10up. Он использует jQuery.sonar от Dave Artz(AOL).

BJ Lazy Load

Как и почему необходимо использовать отложенную загрузку на веб-сайтах WordPress

Этот плагин поможет вам создать код для отложенной загрузки картинок на WordPress веб-сайте.

Image Lazy Load(Unveil.js)

Как и почему необходимо использовать отложенную загрузку на веб-сайтах WordPress

Этот плагин, благодаря unveil.js, поможет увеличить производительность веб-сайта.

Rocket Lazy Load

Как и почему необходимо использовать отложенную загрузку на веб-сайтах WordPress

Плагин добавляет небольшой скрипт, который также используется и в WP Rocket.

Unveil Lazy Load

Как и почему необходимо использовать отложенную загрузку на веб-сайтах WordPress
[/link]

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

Бесконечная прокрутка

Если вы хотели бы постоянно загружать новый содержимое на странице веб-сайта по мере прокрутки вниз, вам потребуется более мощные инструменты, чем перечисленные выше плагины отложенной загрузки. Обратите внимание на возможность Infinite Scroll в Jetpack или на плагин Ajax Load More.

Заключение

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

Источник: wpdailythemes.com

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

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