отложенная загрузка комментариев картинок видео

Создаем сайт с отложенной загрузкой контента (комментариев, изображений, видео)

Здравствуйте, поисковые системы поощряют быстрые сайты при ранжировании в выдаче — это общеизвестный факт! Но всё ли вы сделали для увеличения скорости загрузки вашего сайта?

Сегодня поговорим о «ленивой загрузке» контента сайта — отложенной загрузке комментариев, изображений и видео на сайте.

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

1. Отложенная загрузка комментариев:

Рассмотрим wordpress плагины для следующих видов систем комментариев:

— родные wordpress комментарии;
— Discus комментарии;
— комментарии Facebook.

1.1. Плагин для родных wordpress комментариев:

Есть отличный бесплатный wordpress плагин — Lazy Load for Comments, сведения о нём на момент публикации статьи:

Сайт плагина: «wordpress.org/plugins/lazy-load-for-comments/»
Последнее обновление 1 неделя назад.
Количество активных загрузок: более 100.
Средняя оценка 5 из 5.

Установка и активация плагина — стандартная — через админку wordpress.

После активации плагина в админке сайта, в левом меню, в пункте «Параметры» («Настройки»), в подпункте «Обсуждение» появится новый подпункт «Lazy Load Comments»:

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

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

При установке параметра по клику мышки («On click») на сайте появится кнопочка:

lazy2

При нажатии на которую будут подгружаться комментарии.

Плохо, что она на английском, но чтобы это исправить достаточно зайти в админке wordpress, в левом меню в пункт «Плагины», выбрать подпункт «Редактор», справа в списке выбрать плагин «Lazy Load Comments», найти файл «lazy-load-for-comments/public/llc-comments.php» и заменить в нём английские слова «Load Comments» на русские, например: «Загрузить комментарии»:

отложенная загрузка комментариев на wordpress

Или же можете скачать исправленный плагин с моего сайта — здесь (уже с русской кнопкой).

1.2. Плагин для Discus комментариев:

Если вы пользуетесь сервисом disqus, то данный плагин для вас просто необходим!

Есть отличный wordpress плагин того же автора (Joel James) — Disqus Conditional Load — вот сведения о плагине на момент публикации статьи:

Сайт плагина: «wordpress.org/plugins/disqus-conditional-load/»
Последнее обновление 3 месяца назад.
Количество активных загрузок: более 8000.
Средняя оценка 4,8 из 5.

Установка плагина стандартная — через админку wordpress сайта.

Примечание: у системы disqus есть официальный плагин — Disqus Conditional Load — если вы его уже используете то, вам нужно его отключить перед установкой аналога.

Настройки плагина от автора Joel James позволяет также выбрать загрузку комментариев по клику на кнопку или же по скруллингу мышки.

lazy4

1.3. Плагин отложенной загрузки комментариев от Facebook.

Если же вы используете комментарии от Facebook, то вам подойдет следующий плагин того же автора (Joel James) — Lazy Facebook Comments — сведения о нём на момент публикации статьи:

Сайт плагина: «wordpress.org/plugins/lazy-facebook-comments/»
Последнее обновление 6 месяца назад.
Количество активных загрузок: более 1000.
Средняя оценка 4,8 из 5.

Установка плагина стандартная — через админку wordpress сайта.

После активации плагина вам нужно будет зайти в пункт «Настройки» («Параметры») и выбрать подпункт «Lazy FB Comments»:

lazy5

Здесь вам нужно ввести «FB Application ID» (если у вас нет ещё идентификатора приложения — то переходите по ссылке, где находится подробная инструкция как его получить — «developers.facebook.com/docs/apps/register»).

2. Отложенная загрузка изображений на сайте:

Для этих целей есть отличный плагин от надёжного автора (Automattic) — Lazy Load — вот сведения о нём на момент публикации статьи:

Сайт плагина: «wordpress.org/plugins/lazy-load/»
Последнее обновление 7 месяца назад.
Количество активных загрузок: более 80000.
Средняя оценка 4,2 из 5.

Установка плагина стандартная — через админку wordpress сайта.

Активируем плагин Lazy Load и всё готово! Отложенная загрузка изображений работает!

Есть ещё один отличный плагин для этих целей — это BJ Lazy Load, сведения о нём на момент публикации статьи:

Сайт плагина: «wordpress.org/plugins/bj-lazy-load/»
Последнее обновление 2 месяца назад.
Количество активных загрузок: более 40000.
Средняя оценка 4,2 из 5.

Установка плагина стандартная — через админку wordpress сайта.

У данного плагина уже есть настройки — они расположены в пункте «Настройки» («Параметры»), в подпункте BJ Lazy Load:

lazy6

3. Отложенная загрузка видео с Youtube на сайте:

Если вы добавляете много видео с Youtube на странички вашего сайта, то вам понадобится следующий плагин — WP YouTube Lyte — сведения о нём на момент публикации статьи:

Сайт плагина: «wordpress.org/plugins/wp-youtube-lyte/»
Последнее обновление 4 месяца назад.
Количество активных загрузок: более 10000.
Средняя оценка 4,9 из 5.

Установка плагина стандартная — через админку wordpress сайта.

Данный плагин заменяет, изначально, видео на легковесные jpg изображения, напоминающий youtube плеер, и только если посетитель кликнет по нему — загрузится видео с youtube и включиться плеер.

После активации плагина в админке вашего wordpress сайта, в пункте «Настройки» («Параметры») появится новый подпункт «WP YouTube Lyte», здесь можете ввести «YouTube API key» — но это не обязательно.

lazy7

На этом всё! Удачи в создании сайтов!