Стоит ли учитывать PageSpeed Insights: тестируем плагины Autoptimize, Webcraftic Clearfy

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

Достаточно ли Autoptimize и WP Super Cache для скорости

Гугл частенько просит использовать кеширование. Суперкеш очень популярен и почти всеми вебмастерами ставится. А вот Autoptimize не всеми. Во-первых, боятся конфликтов, во-вторых, гугл пишет, что он тормозит сам загрузку.

Некоторые люди пишут, что он кеширует слишком много файлом и сам создает загрузку. Но у некоторых наоборот все летает.

Вывод: тестируйте для конкретного сайта.

Я давно использую его, он не конфликтует с Суперкешем и с Клирфи.

Сегодня на работе поставила Аутоптимайз и убрала функции из Клирфи по оптимизации кода. К сожалению, с Webcraftic Clearfy он несовместим из-за одинаковых функций в разделе «Производительность».

Тестирование функций по оптимизации CSS, JS, HTML

С HTML проблем не возникло. Что неудивительно. Ожидала неприятности со стороны JS, однако удивили как раз стили.

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

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

Плагин Easy Load для загрузки картинок с отсрочкой

У Autoptimize есть функция отложенной загрузки картинок, на что тоже часто ругается PageSpeed Insights. Перепробовав варианты, я пришла к выводу, что мне выгоднее убрать плагин Аутоптимайз и включить оптимизацию кода в Клирфи, но поставить отдельный плагин Easy Load для загрузки картинок с отсрочкой.

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

Что не нравится гуглу на моем сайте

сжать картинки нужно

На скринах мы видим, что несжаты фоновые изображения. Реально забыла. Поставила как тест и забыла довести до нормального состояния. После того, как сжала  (заодно подписала  нормально), PageSpeed Insights писать о них вовсе перестал. Но скорость не увеличилась — он придрался к  скриптам.

Как видите, самыми тяжелыми являются jquery скрипты. Особенно недавний  — 3.3.1, который обеспечивает фикс меню при скроллинге. На декстопе все хорошо, скорость высокая. Меню адекватно грузится. А вот в мобиле часто долго подгружается этот скрипт. Возможно, придется убирать. Но вначале попробую оптимизировать плагинами  скрипты.

аутоптимайз скрипт

Почему-то в моем Клирфи нет тех функций, что в том, что я на работе поставила. Странно. Надо сверять. Поставлю тоже  Easy Load. Пробовала отключать на время Аутоптимайз у себя. Никаких заметных изменений скорости не было. Правда, PageSpeed Insights писал больше скриптов, которые якобы надо отложить. Но на цифры не повлияло.

Хочу отметить, что скорость на мобиле упала с появлением  3.3.1 и адсенс. Я планирую попробовать его убрать и проверить, сможет ли скрипт работать на старой версии джеквери. Проблема, я так поняла, в самом подключении библиотеки.

Наблюдения за плагинами и гуглом продолжатся еще пару дней. Информация ниже.

День следующий.

Пришлось зайти в компоненты и включить функции сжатия. Проверила скорость до подключения, была на 2 сайте: 94 (комп) / 66 (мобила). Показывал гугл, что много скриптов. Например, метрика. Сам аутоптимайз, сервисы гугла. В том числе реалбиг и рекламы.

Включаю сначала безопасные пункты:

 

  • Оптимизировать HTML код
  • Оставлять HTML комментарии
  • Оптимизировать код JavaScript
  • Оптимизировать CSS код

 

Деактивирую аутоптимайз. Делаю проверку. Стало 98 / 72. Неужели так помогло или случайность? Гугл сам подглючивает. Скрипты остались те же. Кстати, картинок гугл не показывает вообще. Видимо, из-за того, что на исследуемом сайте все они сжаты и без редиректов.

Включаю функцию «объединять JS-файлы», смотрю, что с сайтом. Все в порядке. Кстати, после отключения аутоптимайза скорость показали 94 / 67.

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

оптимизация кода стили

На моих сайтах стоит тема Basic, в которой один лишь файл стилей. Второй – это моя дочерняя.  А там (те сайты), где многого файлов, лег дизайн. Такой вот вывод. Я вообще читала рекомендацию, что включенные стили лучше грузятся, чем из подключенных файлов. Но, с другой стороны,  с отдельным файлом стилей удобнее  работать.

Скорость 95 / 70.

Вообще, с установкой гугл адсенс скорость в мобильной версии упала. Показывает Script Evaluation и разные скрипты гугла, которые по тормознутости обгоняет metrika/tag.js. Это при том, что метрика стоит в футере. Так что в хедер я вам ее вообще не рекомендую.

Сайт тестирую на телефоне в 3 браузерах – хром, мозилла, яндекс. Пока нормально. Но нужно посмотреть завтра. Так как может быть такое, что кеш не обновился.

Теперь я хочу поставить плагин Easy Load. Прочитала, что он давно обновлялся и не тестировался с моей версией. Поэтому выбрала поновее: Lazy Load by WP Rocket. Показало скорость 99 / 71. Скрипты и поток остались.

В общем, вывод: гугл показывает очень примерно.

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

Тест второго сайта

Скорость без аутоптимайза и  без настроек клирфи – 85 / 51. Основная проблема: загрузка скрытых изображений. Там нет картинок. Одни скрипты и стили.

Скорость после включения сжатия кода  + отключен аутоптимайз – 98 /55.

«Устраните ресурсы, блокирующие отображение» (куча скриптов). Остальное, как и на первом сайте. А теперь добавляю 2 страшные галки объединения. Скорость 92 /58. Все больше думаю о том, что PageSpeed Insights вообще не показатель.

А вообще, через день зашла, ничего не поменялось. И само жестко тормозит Script Evaluation.

скрипт эволюшен

Выводы:

PageSpeed Insights очень примерно показывает скорость. Постоянно находит что-то новое или через секунду меняет цифры.

Разницы между сжатием коды в Клирфи и Аутоптимайз НЕТ.

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

Не так страшен джеквери скрипт, как Адсенс и счетчики.

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

Комментарии 1

  • Короче, подключение джеквери новой скрипту не нужно. А в дочерней он работать не хочет.Может.не нравится, что функции к джеквери в родительской. а перетаскивать кучу всего в дочернюю не охота. лучше скрипт не забыть вставлять после обновлений вп. и скорость в мобиле подросла,как убрала подключение. Все ясно, как и думала, надо на рабочих методом тыка пробовать лишние убирать, там несколько версий. может,все на одной бы справилось работать.

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

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

Я согласен с политикой конфиденциальности

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.