Стоит ли учитывать 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 очень примерно показывает скорость. Постоянно находит что-то новое или через секунду меняет цифры.

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

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

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

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

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

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

  • Дополнение: делаю главную страницу. Пока не опубликовано. Там много графики. Все сжато, однако есть весомые файлы для плиток. Сегодня гугл спид показал на обычном старом варианте скорость 98 на 62. В компе его все устраивает, в мобиле верхние плитки не нравятся. Все это понятно и и логично. Я думаю, было бы лучше заменить для мобилы большие плитки меньшими миниатюрами. Если учесть, что я не переношу плитки столбиком, а просто по одной убираю, это значит, существуют медиазапросы под их во всех версиях, то можно попробовать дописать туда подмену картинок. Ради того, чтобы сверить результаты. Пока нет времени на проверку этой теории.

  • На гугл я особо не ориентировался. У него приблизительные результаты. Больше всего ориентируюсь на сервис Pingdom.

    Autoptimize использовал давно. Потом отказался. Были проблемы с минификацией и объединением скриптов.
    На некоторых браузерах (особенно на мобильных) не работали некоторые функции. Иногда даже текст не весь отображался в записях. Были большие пробелы.

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

  • о, я объединения не использую. на рабочих пробовала и по нему, и по клирфи. Почти всегда дизайн ложило. Я вообще только сжатие ставлю, остальное нет. Оно иногда на сайте ок. а заходишь в мобилу, все легло.Я убрала плагин у себя и на рабочих.Я поставила асинхрон и через клирфи все жму. Да, раскадровка загрузки лучше гугла, у гугла ответ сервера игнорю, это он сам себя сто лет грузит. Гугл я смотрю, так как он показывает тяжелые картинки и скрипты. Для поиска использую , а так да, лучше смотреть реальную загрузку, заходить с мобилы и компа и смотреть, как оно грузит. Аутоптимайз скорость улучшал, но если те же функции есть в клирфи. то нафиг мне 2 плагина. если объединением кода я не пользуюсь. и логично, что если на сайте есть хоть что-то свое, он положит скрипты и стили. Проверено на самописках лично мной. Чем больше дефолта. тем меньше глючило.

  • pagespeed script evaluation – это оценка сценария.
    Что хочет гугл. Он не любит подключение вверху Google Fonts. как и все, что сверху и извне. Рекомендуется стили писать только в style.css на вордпрессе. А еще нужно стараться, чтобы все скрипты шли в конце, не грузились в хедере, чтобы картинки были сжатые. Кстати. эксперимент: одну и ту же картинку сжала tinypng и shortpixel.
    Тини сжал до 29 килобайт, а шотпиксел до 23. В результате визуально разницы я не увидела. Но нужно быть осторожными, если картинка важная на сайте или содержит текст, лучше жать щадяще.
    На Хабре писали, что скорость по гуглу на мобиле должна быть не ниже 60, а то выкинут из ранжирования. Даже от 80 и выше надо. Но не выходит у меня, чтоб появилась скорость, надо выкидывать многое. Раньше мне гугл льстил)))))), скорость была высокая, но я наставила “красот” и все. я не понимаю пункт сократите работу сервера, делаешь перезагрузку и все становится выше. Дайте мне сервер, буду сокращать)
    У меня на мобиле скорость сейчас 39, написано скрытые изображения. Это картинки плиток, но и картинки слайдера (виджет отелей). Надо думать, что с ним делать.Странно то, что лоад загрузку я использую, но гугл этого не видит. На компе скорость 72.ну или 88 неожиданно стало))))))))))))В общем только картинки, на скрипты седня не ругается.

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

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

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

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