mojwp.ru
Услуги по доработке ваших сайтов >>
Назад

a3 Lazy Load или ускоряем сайт по #PageSpeed

Опубликовано: 13.03.2019
8
277

В продолжение статьи #Реалити. Статейник. Отчет №1, в которой упоминал какие плагины установлены на новом проекте.

При помощи плагина a3 Lazy Load можно ускорить загрузку страницы конечному пользователю и получить дополнительные очки в PageSpeed Google, путем отложенной загрузки изображений и видео (тот же YouTube). Пункт звучит "Отложите загрузку скрытых изображений":

Отложите загрузку скрытых изображений
Увеличить

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

Внимание! Я выпустил новую тему Romb для ваших статейников и блогов. Максимально быстрая по Google PageSpeed и максимальная оптимизация под SEO.

Сам a3 Lazy Load бесплатный и доступен в репозитории WordPress.org, а так же у вас в админках.

Официальная страница

Почему этот плагин? Пробовал аналоги, но a3 показался самым "толковым". При этом работает и с видео, что важно.

Настройки a3 Lazy Load

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

Exclude by URI's and Page Types

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

Отключить такое можно в настройках плагина, указав URL этих страниц.

a3 Lazy Load или ускоряем сайт по #PageSpeed
Увеличить

Тут же ниже можно отключить ленивую загрузку изображений и по типу страниц (Главная, Записи, Страницы, Рубрики и прочее).

Можете перед отключением еще "поиграть" с параметром "Порог старта..".

a3 Lazy Load или ускоряем сайт по #PageSpeed
Увеличить

Проблема с крутящимся спиннером

a3 Lazy Load или ускоряем сайт по #PageSpeed
Увеличить

Если заметили, что изображения и видео пропали со страницы и все время крутится "спиннер", то переведите этот ползунок в противоположное от установленного направление:

a3 Lazy Load или ускоряем сайт по #PageSpeed
Увеличить

Суть такова: скрипт плагина подгружается либо в шапке, либо в подвале. Если у вас установлены какие-то плагины оптимизации скриптов, то они могут конфликтовать из-за области подгрузки.

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

Остальные настройки не меняю по сайтам.

Вопросы?

a3 Lazy Load или ускоряем сайт по #PageSpeed
5 (100%)
Проголосовало: 10

Давай, оцени статью!

Автор:
Виталий
Поделиться
Похожие записи
Комментарии:
  • Миза
    Опубликовано: 14.03.2019 Ответить на сообщение

    Привет. Плагин работает для картинок, которые не в теле поста? В сайдбаре, например. И на каком этапе он меняет код страницы? Т.е. если к примеру, у меня в футере прямо в теме хтмлом выводится img - он сработает?

  • Виталий
    Опубликовано: 14.03.2019 Ответить на сообщение

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

    Плагин бесплатный. Установить - минутное дело. Иногда проще попробовать, чем ждать ответа сутки)

  • Андрей
    Опубликовано: 18.03.2019 Ответить на сообщение

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

  • Сержик
    Опубликовано: 19.03.2019 Ответить на сообщение

    А при использовании a3 Lazy Load поисковые системы нормально индексируют картинки? Проблем с этим нет?

    • Виталий
      Опубликовано: 20.03.2019 Ответить на сообщение

      Проблем нет.

      • Сержик
        Опубликовано: 20.03.2019 Ответить на сообщение

        Заметил, что в коде страницы возле каждого изображения появилась еще загрузка другого изображение plugins/a3-lazy-load/assets/images/lazy_placeholder.gif

        Я так понимаю, это анимация загрузки. И это изображение скорее всего будет тоже индексироваться. Или нет?

        • Виталий
          Опубликовано: 20.03.2019 Ответить на сообщение

          Будет. Кто мешает отключить спиннер?

          • Сержик
            Опубликовано: 20.03.2019 Ответить на сообщение

            Спиннер отключен. Стоит эффект плавного появления.

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.