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

4348 просмотров
2019-05-30

Ничто не стоит на месте, особенно в области 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.

часто задаваемые

вопросы

00 01 / 05
Что Google PageSpeed Insights?
Сервис от Гугл, который следит за производительностью вашего сайта и дает рекомендации, по ее повышению.
00 02 / 05
В чем заключается обновление?
Ничто не стоит на месте, особенно в области IT. В июле 2018 Google изменил требования к оптимизации скорости загрузки сайтов. Прошел почти год, период bug-fixes прошел, и новый алгоритм был внедрен повсеместно. И что же случилось? Сайты, у которых была твёрдая пятерка по меркам гугла (95-99 баллов), скатились в троечники. Отметки сайтов упали до 32-40 баллов. Причем больше всего пострадала оценка мобильной версии сайтов.
00 03 / 05
Почему Google PageSpeed Insights обновился?
Инструмент аналитики скорости загрузки страницы Google обновился и получил новый механизм для оценки. Теперь новые версии браузера Google Chrome имеют встроенный инструмент Google Lighthouse, что позволяет проверить время загрузки, извлечь развернутую статистику прямо на сайте через инструменты разработчика и получить подсказки как увеличить скорость загрузки сайта.
00 04 / 05
Как повысить оценку сайта в Google PageSpeed Insight?
1. Обновление php до последних версий 7.1-7.3.2. Настройка модуля pagespeed на сервере - этот модуль позволяет оптимизировать изображения до современных форматов (в частности, webp), сжимает код и кеширует содержимое страницы.3. Добавление класса сжатия страницы.4. Настройка кеширования статических файлов.5. Изучите загрузку первого экрана - разделите стили и скрипты, относящиеся к главному экрану и остальному контенту, ненужные вынесите в footer.6. Реализуйте отложенную загрузку изображений - пусть изображения подгружаются по-мере просмотра пользователем страницы. Это существенно ускорит загрузку сайта.7. Не используйте png изображения (кроме изображений с прозрачным фоном и тех, которые сложно перевести в svg). Если у вас много мелких изображений и иконок, используйте спрайты (желательно svg).8. Удалите ненужный код - проверьте необходимость применения сторонних js-библиотек, различных счетчиков и т.д.9. Поработайте со шрифтами - добавьте в стили свойство font-display для определения способа загрузки и отображения шрифтов.10. Используйте CDN для подключения стилей и скриптов.
00 05 / 05
Почему оценка Google PageSpeed Insight важна?
Это один из ключевых факторов мобильного поиска. Для удобства пользователя первый экран страницы должен открываться мгновенно, а ресурсов на странице должно загружаться как можно меньше (Google экономит ваш мобильный трафик). На появившейся в обновленной версии раскадровке экранов можно увидеть, как быстро пользователю откроется доступ к контенту.
Сотрудничество с Bonum

улучши

Свой сайт

00 01 / 01
Хотите узнать скорость загрузки своего сайта и как её поднять?Оставьте заявку и получите рекомендации по повышению скорости.
*Ваше имя
*Ваш телефон
*Ваш e-mail
Ваш сайт
Больше интересных записей:
SEO и PPC – совместными усилиями к мегаприбылям
05.10.2018
2308 просмотров
SEO и PPC – совместными усилиями к мегаприбылям
Смотреть
Как SEO влияет на копирайтинг и как копирайтинг влияет на SEO
16.01.2018
7914 просмотров
Как SEO влияет на копирайтинг и как копирайтинг влияет на SEO
Смотреть
Mobile First Indexing – революция, о которой столько говорил Google, уже практически свершилась
16.11.2018
12637 просмотров
Mobile First Indexing – революция, о которой столько говорил Google, уже практически свершилась
Смотреть

Оставьте заявку и получите
лучшее решение для Вашего бизнеса

наши

контакты