Оптимизация сайта по рекомендациям Google

PageSpeed Insights — ресурс, разработанный в помощь веб-мастерам, который был запущен в 2011 году. При этом он стал одним из тех, что вызвают жаркие споры среди веб-мастеров и SEO оптимизаторов о целесообразности следования его советам.

Содержание:

1.  Что такое Google PageSpeed Insights?
2. От чего зависит скорость прорисовки страниц
3. Почему не стоит слепо доверять рекомендациям PageSpeed Insights
4. Развенчиваем мифы вокруг PageSpeed Insights
5. Обновление PageSpeed Insights — что выиграли веб-мастера
6. Как оптимизировать загрузку сайта — полезные советы
7. Оптимизация скорости работы сайта на мобильных устройствах
8. Как оптимизировать сайт для быстрой загрузки правильно

Что такое Google PageSpeed Insights?

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

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

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

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

От чего зависит скорость прорисовки страниц

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

Загрузка страницы происходит в несколько этапов:

• белый экран;
• ожидание загрузки;
• полное открытие.

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

Почему не стоит слепо доверять рекомендациям PageSpeed Insights

Некоторые веб-оптимизаторы и владельцы ресурсов считают, что оптимизация сайта по рекомендациям google pagespeed insights окажет влияние на его ранжирование или рассматривают рекомендации этого инструмента как надежное подспорье для оптимизации, хотя это не совсем верно. В технических заданиях некоторых специалистов по поисковой оптимизации требования по показателям этого сервиса стоят едва ли не на первом месте. По этой причине оптимизаторам приходится тратить массу времени, гонясь за высоким баллом PageSpeed Insights, хотя не все понимают, какие преимущества он даст сайту.

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

Развенчиваем мифы вокруг PageSpeed Insights

Самый распространённый миф, добавляющий ему популярности — что он разработан Гугл, а значит, его рекомендации подлежат обязательному исполнению. В действительности к этой поисковой системе он имеет лишь косвенное отношение. Его развивает и поддерживает независимая команда комьюнити веб-мастеров, поэтому его советы не являются прямыми рекомендациями Google.

Также популярно мнение, что данные этого инструмента отражают реальную скорость загрузки страниц. На самом деле баллы сервиса отражают внутренние параметры, а не реальную картину загрузки — для получения объективных данных стоит пользоваться другими инструментами, например, WebPagetest. Однако веб-мастерам следует помнить, что целью их работы является не оптимизация загрузки сайта, а достижение баланса между скоростью и функциональностью. То есть, баланс оказывается куда важней быстродействия, способного превратиться в идею фикс, за которой гонятся оптимизаторы часто в ущерб остальным рабочим параметрам.

Еще одна ошибка — балы Google PageSpeed Insights приравнивают к ранжированию поисковой выдачи. В действительности это только один их параметров, учитываемых при ранжировании, и далеко не самый важный (всего их около 800).

Другими словами, даже у лидеров рынка баллы этого инструмента часто обозначены красным в PageSpeed Insights. И это не мешает им занимать ТОПовые позиции в поиске.

Обновление PageSpeed Insights — что выиграли веб-мастера

В начале 2018 года данный инструмент был обновлен — он стал выдавать рекомендации на основании реальной скорости загрузки страниц. Для этого PageSpeed Insight использует данные, получаемые на основании отчетов Chrome User Experience Report, что позволило разработчикам увеличить доверие к его результатам.

Однако нужно учитывать, что сервис может анализировать данные только в том случае, если в браузере включена функция синхронизации истории просмотренных страниц, а также — отправка статистики пользования. При этом если сайт малопосещаемый пользователями, авторизированными в Chrome, то данные о скорости страниц не могут быть собраны — веб-разработчик видит ответ системы: «Unavailable». Возможно, эта проблема будет устранена, однако очевидно, что доверие оптимизаторов к этому ресурсу выросло.

Как оптимизировать загрузку сайта — полезные советы

Исходя из всего вышеизложенного, совершенно очевидно, что гоняться за высокими баллами PageSpeed Insights нет никакого смысла. К примеру, у сайта Amazon.com всего 53 балла по этому инструменту, а у Розетки – 47. Так можно ли назвать его бесполезным? Конечно, нет. Опытные оптимизаторы знают, что не всем советам сервиса можно доверять, но есть те, которые обязательны к исполнению.

К таким относят:

• сжатие CSS и JS файлов — есть хостинги, позволяющие убрать в файле строчные пробелы и разрывы, что позволяет ускорить загрузку;
• сокращение HTML кода — принцип работы аналогичен предыдущему варианту, может быть выполнен вручную или с помощью хостинг провайдера;
• оптимизация изображений — предполагает выбор форматов png или jpg в разрешении 600-1500 пикселей.

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

Оптимизация скорости работы сайта на мобильных устройствах

Очевидно, что высокая скорость загрузки сайта способна свести к нулю ее плюсы при недостаточной оптимизации. К примеру, стандартное для мобильных страниц время загрузки составляет 7 секунд. Используя рекомендации PageSpeed Insights можно повлиять на ускорение загрузки сайта, сократив его более, чем вдвое. Однако будет ли в этом смысл, если посетителю придется потратить освободившееся время на прокручивание страницы, увеличивать ее масштаб и шрифт?

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

• Настройка области просмотра — при отсутствии на веб-ресурсе метатегов viewport вместо мобильной версии будет использоваться компьютерная, благодаря чему текст будет очень крупным. Начать улучшать это параметр следует с установки width=device-width, а также настройки тега viewport.
• Настройка области просмотра — на мобильных гаджетах используют горизонтальную прокрутку, поэтому оптимизатору необходимо убедиться, что заданная область просмотра соответствует стандартной ширине дисплеев мобильных девайсов.
• Использование удобного для чтения на мобильных гаджетах шрифта.
• Увеличение размеров активных иконок.
• Отказ от плагинов — большая часть мобильных карманных девайсов не работают с Flash и другими плагинами.

Как оптимизировать сайт для быстрой загрузки правильно

Если все так не однозначно, стоит ли пользоваться советами PageSpeed Insights для оптимизации работы сайта? Стоит, но с умом, что и делают опытные веб-мастера. К примеру, если инструмент говорит о том, что работа сайта затрудняется по причине тяжелых изображений, и их нужно уменьшить на 80% — такой совет не стоит игнорировать. А если он рекомендует удалить код JavaScript и CSS, который блокирует отображение верхней части страницы, то выполнив такую рекомендацию слепо, можно получить сбой в функционировании сайта.

Если у вас остались вопросы, как сделать этот сервис своим надёжным помощником или нужна помощь в оптимизации веб-ресурса, обращайтесь к нашим специалистам.