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), сжимает код и кеширует содержимое страницы.
- Добавление класса сжатия страницы.
- Настройка кеширования статических файлов.
2. Оптимизация кода
- Изучите загрузку первого экрана — разделите стили и скрипты, относящиеся к главному экрану и остальному контенту, ненужные вынесите в footer.
- Реализуйте отложенную загрузку изображений — пусть изображения подгружаются по-мере просмотра пользователем страницы. Это существенно ускорит загрузку сайта.
- Не используйте png изображения (кроме изображений с прозрачным фоном и тех, которые сложно перевести в svg). Если у вас много мелких изображений и иконок, используйте спрайты (желательно svg).
- Удалите ненужный код — проверьте необходимость применения сторонних js-библиотек, различных счетчиков и т.д.
- Поработайте со шрифтами — добавьте в стили свойство font-display для определения способа загрузки и отображения шрифтов.
- Используйте CDN для подключения стилей и скриптов.
Почему нужно считаться с PageSpeed?
Скорость загрузки сайта гугл ранее не являлась критически важной для его ранжирования, сейчас же это один из ключевых факторов мобильного поиска. Google — для людей и требует того же от сайтов. Для удобства пользователя первый экран страницы должен открываться мгновенно, а ресурсов на странице должно загружаться как можно меньше (Google экономит ваш мобильный трафик). На появившейся в обновленной версии раскадровке экранов можно увидеть, как быстро пользователю откроется доступ к контенту.
Периодически проверяйте скорость работы сайта и проводите работу над ошибками, так ваш сайт всегда будет иметь высокую оценку от Google PageSpeed Insights.
часто задаваемые
вопросы
улучши
Свой сайт
