Google PageSpeed изменения в 2020 году

Tweet Pin it Share

Google PageSpeed

12 ноября 2018 года Google PageSpeed Insights  обновился, изменив в нем практически все. Вы наверное уже знакомы с данным инструментом . Но ,  Google выпустил обновленную, более точную версию этого инструмента . Для тестирования мобильных версий сайта .

Google PageSpeed

Что такое PageSpeed Insights

Буквально несколько слов для тех, кто не в курсе.  Google PageSpeed Insights является главным инструментом скорости сайтов . Все просто , необходимо ввести адрес страницы и узнать ее оценку по шкале от 0 до 100 и рекомендации по улучшению.

Конечно, есть много других хороших инструментов для проверки скорости. Но так как этот — от Google, для большинства эта оценка кажется самой важной. При этом он заявлял, что скорость сайта влияет на рейтинг в выдаче. Практически все пытаются поднять PageSpeed Score своих проектов.

Почему вы должны заботиться о скорости страницы

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

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

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

Поэтому сосредоточение на скорости страницы имеет первостепенное значение для  веб-сайта, который конвертирует.

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

Но если вы когда-либо копались в показателях скорости страницы, вы понимаете, что это намного сложнее, чем кажется на первый взгляд . На самом деле, собственные PageSpeed ​​Insights от Google даже не дают результатов по времени!

Есть так много других факторов, связанных со временем загрузки страницы. Это влияния плагинов, размера изображения, кэширования, проверки кэша, времени ответа сервера, кодов ответа сервера, времени до первого байта (TTFB) , скоростей рендеринга, местоположения сервера, поиска DNS, распараллеленных загрузок, закодированных заголовков, статического содержимого, кода минификация, перенаправления и все другие факторы, которые играют роль?

Пять показателей, на которые стоит обратить внимание в первую очередь :

  1. Байт времени до первого:  когда ваш браузер переходит на URL-адрес, он отправляет на сервер сообщение с запросом HTML-документа по этому URL-адресу. Это измеряет количество времени загрузки страницы для первых маленьких данных веб-сайта, отправляемых в ваш браузер. Быстрое время загрузки страницы может указывать на то, что остальная часть сайта будет загружаться быстро.
  1. Начать рендеринг:  рендеринг происходит, когда компьютер превращает код в визуальный дисплей, который вы видите на экране. Начать рендеринг — это когда появляется первая визуальная часть сайта. Это полезно для пользователей, поскольку позволяет им узнать, что веб-сайт что-то делает.
  2. Визуально завершено:  это когда обработка рендеринга завершена и сайт полностью виден пользователю.
  3. Документ завершен:  несмотря на то, что сайт визуально завершен, в фоновом режиме все еще выполняются некоторые операции. Как только они завершены, сервер указывает, что документ HTML загружен. Это наиболее технически точный показатель «сайт загружен».
  4. Полностью загружен: после завершения документа асинхронный код начинает нормально работать и загружать больше элементов. Это не мешает пользователю взаимодействовать с сайтом, поэтому обычно это не считается частью времени загрузки страницы. Этот показатель измеряется, когда вся нагрузка прекратилась в течение 2 секунд.
  5. Количество запросов файлов: когда сайт загружен, он все еще запрашивает несколько файлов, таких как CSS, JS или файлы изображений. Загрузка большого количества небольших файлов может излишне замедлить время загрузки страницы, поэтому их обычно следует минимизировать.

Для  тестирования вы можете использовать бесплатный инструмент измерения скорости сайта, www.webpagetest.org . О данном сервисе и других : Здесь 

Вот как эти показатели отображаются на графике измерения скорости сайта:

измерения скорости сайта

Вы будете иметь полный отчет над чем необходимо работать. Но, вернемся к новому сервису тестирования мобильной версии сайта : https://www.thinkwithgoogle.com/

Приведу пример теста на Google PageSpeed :

Google PageSpeed изменения в 2020 году

Скорость мобильной версии сайта

 

Скорость обычной версии сайта :

Google PageSpeed

Пример загрузки мобильной версии на https://www.thinkwithgoogle.com :

 

Скорость вашей мобильной страницы

Скорость мобильной страницы

Как видим скорость 1,4 секунды является средней (от 1 до 2,5 секунд ). Также , вы получите подробный отчет по рекомендации улучшения загрузки . Который не только можно смотреть , но и скачать .

Вывод : необходимо выводить свой сайт по скорости загрузки менее 1 сек.

4 способа получить идеальную оценку PageSpeed

1. Сожмите ваши изображения

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

Когда я исправил это на своем собственном сайте, я обнаружил огромное влияние на скорость.

Одним из лучших методов оптимизации размера изображения является сжатие.

Вы можете сэкономить в среднем 50% или более на размере изображения с помощью простых инструментов сжатия.

Если вы используете WordPress , одним из лучших способов сделать это, не тратя много времени, является использование плагина.  Например : WP Smush Image . Также можно воспользоваться бесплатным онлайн сервисом : https://www.iloveimg.com/ru/compress-image .

2. Используйте кеширование в браузере

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

Извлечение ресурсов для загрузки вашего сайта требует огромных усилий. Требуется загрузка каждого изображения и элемента страницы, а затем работа с тяжелым HTML и кодированием.

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

И в этом может помочь кеширование браузера.

Он работает, «запоминая» ранее загруженные ресурсы, чтобы не приходилось перезагружать их при каждом посещении.

Попробуйте использовать W3 Total Cache для сайтов WordPress. Он имеет более миллиона активных установок и является самым популярным плагином кэширования на рынке . С например использую плагин : Плагин кэширования WP Rocket

3. Сократите ваш HTML

Минимизация пространства, занимаемого вашим HTML-кодированием, является еще одним важным фактором получения идеального результата от Google.

Минификация — это процесс удаления или исправления ненужных или дублированных данных без влияния на то, как браузер будет обрабатывать HTML.

Это включает исправление кода, форматирование, удаление неиспользуемого кода и сокращение кода, когда это возможно.

И еще раз, благодаря замечательным вариантам плагинов WordPress, вам не нужно быть гением программирования, чтобы это исправить.

Одним из лучших инструментов для этого является Minify HTML : вы можете скачать этот плагин бесплатно прямо с их сайта и установить его на свой WordPress.

Включите настройки «Minify HTML» + «Inline JavaScript».

Далее обязательно выберите «Да» для «Удалить комментарии HTML, JavaScript и CSS».

Самое замечательное в этом плагине то, что он скажет вам, что рекомендуется делать для каждого параметра.

Выполните следующие действия, если вы не знаете, как работают эти настройки.

Сократите кодирование сегодня, и вы увидите мгновенное влияние на ваш отчет.

4. Внедрить AMP

проблема AMPЗдесь , у меня возникли проблемы . Не один из бесплатных вариантов не работает стабильно . Почти при каждом обновлении возникали ″косяки″ на сайте . Сейчас использую мобильную версию самой темы она имеет настройки мобильной версии.

Самым лучшим вариантом у меня после тестирования был плагин : AMP для WP — Ускоренные мобильные страницы . При каждом обновлении все настройки плагина сбрасываются на значения по умолчанию. Это случилось 4 раза за последние 2 месяца.

А также плагин : Schema & Structured Data for WP & AMP (который часто ″глючит″ весь сайт) . Возможно , у вас есть хорошо работающие варианты ? Поделитесь . Буду очень благодарен .

Google PageSpeed — ЗАКЛЮЧЕНИЕ

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

Это должно быть одним из ваших главных приоритетов при попытке улучшить и оптимизировать ваш сайт.

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

Используйте инструмент Google PageSpeed ​​Insights, чтобы выяснить, что необходимо делать.

Обычно изображения являются основной частью вашей работы.

Начните с сжатия и оптимизации ваших изображений с помощью плагина или веб-компрессора изображений.

Затем используйте плагин для использования кэширования браузера. Вы можете найти плагины, которые помогают вашему сайту загружаться намного быстрее и использовать меньше запросов к серверу.

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

Наконец, попробуйте реализовать AMP, чтобы ваши страницы загружались мгновенно.

Рекомендую : Внутренняя оптимизация сайта — инструкция по применению


ВажноЕсли статья  «Google PageSpeed изменения в 2020 году»  вам понравилась, то стоит поделиться с друзьями? Тогда, нажмите одну (можно и больше) из кнопок соц. сетей.