Blog

Блог

Google PageSpeed Insights обновился!

30.05.2019

2253 просмотров

Google PageSpeed Insights обновился!

Ничто не стоит на месте, особенно в области IT. В июле 2018 Google изменил требования к оптимизации скорости загрузки сайтов. Прошел почти год, период bug-fixes прошел, и новый алгоритм был внедрен повсеместно. И что же случилось? Сайты, у которых была твёрдая пятерка по меркам гугла (95-99 баллов), скатились в троечники. Отметки сайтов упали до 32-40 баллов. Причем больше всего пострадала оценка мобильной версии сайтов.

Как это могло произойти?

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

Спокойствие, только спокойствие!

Оценка вашего сайта упала ниже плинтуса, и с ней время загрузки сайта? Не отчаивайтесь. Есть ряд шагов (возможно не самых простых), которые помогут вернуть вашему ресурсу былую славу. Не углубляясь в технические аспекты, наша веб-студия представит вам общий механизм действий.

1. Оптимизация сервера

  • Обновление php до последних версий 7.1-7.3.
  • Настройка модуля pagespeed на сервере — этот модуль позволяет оптимизировать изображения до современных форматов (в частности, webp), сжимает код и кеширует содержимое страницы.
  • Добавление класса сжатия страницы.
  • Настройка кеширования статических файлов.

apache-pagespeed

2. Оптимизация кода

  • Изучите загрузку первого экрана — разделите стили и скрипты, относящиеся к главному экрану и остальному контенту, ненужные вынесите в footer.
  • Реализуйте отложенную загрузку изображений — пусть изображения подгружаются по-мере просмотра пользователем страницы. Это существенно ускорит загрузку сайта.
  • Не используйте png изображения (кроме изображений с прозрачным фоном и тех, которые сложно перевести в svg). Если у вас много мелких изображений и иконок, используйте спрайты (желательно svg).
  • Удалите ненужный код — проверьте необходимость применения сторонних js-библиотек, различных счетчиков и т.д.
  • Поработайте со шрифтами — добавьте в стили свойство font-display для определения способа загрузки и отображения шрифтов.
  • Используйте CDN для подключения стилей и скриптов.

Почему нужно считаться с PageSpeed?

Скорость загрузки сайта гугл ранее не являлась критически важной для его ранжирования, сейчас же это один из ключевых факторов мобильного поиска. Google — для людей и требует того же от сайтов. Для удобства пользователя первый экран страницы должен открываться мгновенно, а ресурсов на странице должно загружаться как можно меньше (Google экономит ваш мобильный трафик). На появившейся в обновленной версии раскадровке экранов можно увидеть, как быстро пользователю откроется доступ к контенту.

Периодически проверяйте скорость работы сайта и проводите работу над ошибками, так ваш сайт всегда будет иметь высокую оценку от Google PageSpeed Insights.

Хотите узнать скорость загрузки своего сайта и как её поднять?
Оставьте заявку и получите рекомендации по повышению скорости.

Поделиться

  • share vk
  • share facebook