Изменения алгоритмов ранжирования PageSpeed Insights

12 ноября 2018 Google полностью обновил свой сервис оценки скорости сайта PageSpeed Insights

скорость загрузки страниц

PageSpeed — сервис для оценки скорости сайта от Google. С помощью него вы узнаете о проблемах, которые мешают мобильному и десктопному сайтам быстро загружаться и список рекомендаций.
Отчёт важен, поскольку скорость загрузки страниц учитывается при ранжировании в результатах поиска: при прочих равных параметрах, быстрые сайты будут показаны выше медленных.
12 ноября Google полностью обновил свой продукт PageSpeed Insights: серьёзно изменились алгоритмы выставления оценок. Самое главное теперь с точки зрения оценки — скорость работы сайта для пользователя. Важна не скорость ответа сервера, а время, через которое пользователь может начать взаимодействовать со страницей.


Новые параметры оценки скорости загрузки страниц

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

Время загрузки для взаимодействия (Time to Interactive)

Эта метрика учитывает время, спустя которое страница полностью готова для взаимодействия со стороны пользователя. При этом учитываются следующие параметры:
Страница содержит отрисованный в браузере полезный контент; Зарегистрированы обработчики событий на элементах страницы; Страница реагирует на действия пользователя быстрее, чем за 50 мс.
Некоторые сайты оптимизируют контент таким образом, чтобы он быстро отобразился, но если такой контент не отвечает на действия пользователя, он бесполезен.

Индекс скорости загрузки (Speed Index)

В этом параметре учитывается время, когда страница в браузере перестаёт изменяться (то есть вся вёрстка страницы загружена и отрисована). Для проверки используется покадровое сравнение внешнего вида страницы, примерно вот так:
Яндекс уже на третьем «кадре» показывает практически итоговый вариант страницы — отличный результат.

Время загрузки первого контента (First Contentful Paint)

Время загрузки первого контента отражает момент времени, когда браузер смог отрисовать первый доступный участок DOM-дерева страницы. Это важная метрика, поскольку она даёт понять пользователю, что сайт действительно работает и загрузка идёт.
Чтобы добиться хорошего значения показателя, есть рекомендации:
Минимизируйте количество блокирующих отрисовку загрузок внешних скриптов и стилей;
Включайте кэширование ресурсов в браузере;
Сжимайте ресурсы — это касается скриптов, стилей, HTML-кода и графики;
Оптимизируйте загрузку JavaScript-а таким образом, чтобы он не приводил к модификации структуры страницы в процессе загрузки.

Время загрузки достаточной части контента (First Meaningful Paint)

Этот параметр показывает время, по истечении которого становится виден основной контент страницы. Как сказано в документации, метрика отмечает время, когда посетитель сайта «чувствует», что основной контент сайта загружен.

Время окончания работы ЦП (First CPU Idle)

Этот параметр указывает на время, когда процессор пользовательского компьютера практически завершил отрисовку страницы и находится в ожидании пользовательского ввода. При этом:
Не все элементы страницы могут быть полностью интерактивны; Страница реагирует на действия пользователя за адекватное время.

Приблизительное время задержки при вводе (Estimated Input Latency)

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

Рекомендации по улучшению показателей

Мы посмотрели рекомендации PageSpeed, которые чаще всего появляются у сайтов.
Задайте правила эффективного использования кеша для статических объектов
Под статические объекты попадает большинство внешних скриптов, которые вы ставите на сайт: Яндекс.Метрика, Google Tag Manager, Google Analytics, онлайн-чаты, скрипты обратного звонка, пиксели ретаргетинга и так далее.
Производители всех этих скриптов стараются сделать время кэширования своих скриптов минимальным, для того чтобы иметь возможность быстро обновлять код таких скриптов. Скрипт не кэшируется в браузере и загружается заново при каждом новом посещении страницы.
Фактически теперь владелец сайта должен с умом подходить к вопросу о том, какие скрипты размещать на своём сайте и не вставлять на сайт всё подряд.
Используйте современные форматы изображений
Рекомендация гласит, что вместо форматов JPEG и PNG, которые в основном используются на сайтах, следует использовать более современные JPEG 2000 (JP2), JPEG XR и WebP.
Ситуация в данный момент такова, что:
JPEG 2000 поддерживается в Safari и iOS Safari JPEG XR поддерживается только в IE 10+ и Edge WebP — практически все Chrome и Opera, Firefox 65+, Edge 18+, Android Browser
Проверить поддержку форматов изображений браузерами
Настройте подходящий размер изображений
Логичное требование: если на сайт ваше изображение выводится в совсем небольшом размере, необходимо, чтобы исходный файл соответствовал этим размерам.
Устраните ресурсы, блокирующие отображение
CSS и JavaScript-файлы, подключаемые в шапке сайта, препятствуют загрузке контента страницы. Необходимо настроить загрузку только необходимых ресурсов JS/CSS в первую очередь и отложить загрузку остальных ресурсов.
Уменьшите размер кода HTML, CSS, JS / Используйте сжатие ресурсов Также логичное требование: чем меньше исходный код ресурсов передаётся по сети, тем быстрее загружается ваш сайт тем выше оценка.
Настройте показ всего текста во время загрузки веб-шрифтов Если вы используете на сайте нестандартные шрифты, обеспечьте отображение текстов ещё до полной загрузки файлов шрифта.
Сократите время выполнения кода JavaScript / Минимизируйте работу в основном потоке Разработчику сайта следует добиться оптимальности выполнения JavaScript-кода сайта. Для среднего размера сайтов это не самая простая работа, поскольку она требует последовательного анализа.
Необходимо думать не столько о производительности сервера или CMS, сколько о скорости отрисовки страницы в браузере и реакции сайта на действия пользователя. Это неминуемо должно приводить вас к упрощению структуры страницы.

Использование скорости страницы в рейтинге мобильного поиска

Начиная с июля 2018 года скорость загрузки страниц также стала фактором ранжирования для мобильных поисков.

Проверьте самостоятельно скорость загрузки своего ресурса


Эффективные seo методы в 2019 году

Эффективные seo методы в 2019 году

От горчицы — огорчаются, от лука — лукавят, от вина — винятся, а от сдобы — добреют. Как жалко, что об этом никто не знает… Все было бы так просто. Ели бы сдобу — и добрели!

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

RANKSCIENCE автономно оптимизирует сайты

RANKSCIENCE автономно оптимизирует сайты

Искусство SEO-оптимизации под угрозой автоматизации. Стартап RankScience объявил о создании SaaS-решения, которое автономно запускает тысячи A/B тестов и оптимизирует позицию сайта в выдаче поисковиков

бизнес интсрументы в интернете на 2019 год

Программное обеспечение для бизнеса на 2019 год

Предпринимательство находится на подъеме и 2018 год стал знаменательным годом для бизнеса, чтобы сохранить эту тенденцию ознакомьтесь с нескоторыми программными инструментами для бизнеса на 2019 год