Google PageSpeed Insights: что влияет на его результаты и к чему приводит выполнение рекомендаций

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

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

Для наглядности проанализируем shop.asiastyle.top

Осуществляя проверки, заметили интересные особенности.

Оценки тестирования – всегда разные. Взгляните на скриншоты ниже.

 

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

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

Проведем третий тест.

Оценка версии для ПК колеблется вблизи стартовой отметки. Но вот мобильные результаты существенно отличаются. На основании этого доверие к данному сервису сильно пошатнулось.

Не станем делать поспешных выводов и посмотрим оценку скорости загрузки самим браузером.

«Инспектор разработчика» показывает, что загрузка сайта заняла 0.9 секунды. А вся страница подгрузилась за 1,32 секунды. Отметим наличие на ней несколько слайдеров, список товаров, крупных баннеров и легкой анимации.

Теперь сравним результат с данными от PageSpeed.

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

Однако мобильная версия загрузилась аж за 9,5 секунд.

Откуда взяты такие данные, непонятно, ведь при замерах реальной скорости загрузки со смартфона, ждать 9,5 секунд ни разу не пришлось.

Теперь обратим внимание на рекомендации. Какие советы для уменьшения скорости загрузки дает гугл?

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

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

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

Взглянем на результат после внесения изменений.

Да, загрузка ускорилась. Правда, подгружать осталось только картинки.

Но в отношении них рекомендации тоже есть.

Гугл советует избавиться от изображений в формате .jpg. Разберемся с его предложением. Пожалуй, не будем вносить изменения на сайте, а проанализируем, какие браузеры поддерживают те форматы, что рекомендует гугл. Для этого используем сервис caniuse.com.

1-й формат по силам только Safari.
2-й – не поддерживается ни в одном браузере.
3-й – поддерживается везде, но не в Safari.

Лично у нас нет слов, чтобы выразить свое впечатление о такой рекомендации.

Но это еще не конец: гугл снова советует удалить «излишки».
Сразу же обратим ваше внимание на раздел «Успешные аудиты». Здесь указанно, что коды CSS и JS – оптимальны, и ничего лишнего нет.

Это – очевидное противоречие с указанными выше рекомендациями.

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

Теперь результаты напоминают собой нечто среднее между первым и вторым тестированием.

В качестве десерта проверяем скорость загрузки сайта на мобильном интернете 3G, вооружившись секундомером. Результат: 2 секунды.

Вывод

Использовать данный сервис можно. И некоторые советы могут принести пользу. Однако доверять исключительно оценкам PageSpeed не стоит. И уж тем более, не стоит гнаться за попаданием в зеленую зону. Ее удастся достичь только в том случае, если не использовать движок сайта, видео, большие изображения…

Напоследок протестировали инструментом от гугла сайт rozetka.com.ua. Результаты говорят сами за себя

Получить 10% на разработку сайта и дизайна

Читайте также

Меню
Хочешь 10% скидки?«Ответь всего на 5 вопросов»Ваша скидка: 10%