Google Pagespeed Insights для издателей — советы по повышению скорости страницы веб-сайта

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

Google недавно начал измерять скорость страницы и опыт по принципу «пройдено/не пройдено», как фактор ранжирования в поиске. Работа со страницей становится все более важным критерием для онлайн-издателей, которые уже ощущают влияние пользователей, блокирующих рекламу, чувствительных к времени загрузки страницы и пропускной способности.

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

Google PageSpeed ​​Insights и Core Web Vitals Score

Компания Google разработала инструмент PageSpeed ​​Insights для анализа содержимого сайта и скорости загрузки, оценки производительности сайта и предоставления информации, которая поможет издателям улучшить скорость сайта. Google использует инструмент скорости сайта под названием Lighthouse, чтобы оценить ваш сайт от 1 до 100 отдельно для настольной и мобильной версий, при этом 90+ является хорошей оценкой.



Первоначально PageSpeed ​​Insights в основном фокусировался на факторах скорости загрузки, но недавно Google переключился на общий опыт работы с сайтом. Google заявляет: « Оптимизация качества взаимодействия с пользователем является ключом к долгосрочному успеху любого сайта в Интернете».

Первоначально PageSpeed ​​Insights основывался на лабораторных тестах веб-сайта, но недавно Google переключил внимание на общее впечатление от веб-сайта и включил полевые данные о производительности веб-сайта. Они разработали Google Core Web Vitals (CWV), который фокусируется на трех показателях взаимодействия с пользователем: стабильности страницы, скорости загрузки контента и скорости взаимодействия со страницей.

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

Что такое показатели Google Core Web Vitals?

Основные веб-жизненные показатели Google — это три показателя, которые оценивают стабильность страницы, скорость загрузки страницы и скорость отклика страницы на взаимодействие с пользователем. Core Web Vitals измеряются и сообщаются как для настольных компьютеров, так и для мобильных устройств, и доступны из Google Search Console, а также на их странице PageSpeed ​​Insights для разработчиков. Любой, кто хочет измерить свой сайт или любой сайт, может ввести URL-адрес страницы и просмотреть отчет.

• Крупнейшая отрисовка содержимого (LCP) — этот рейтинг относится к тому, насколько быстро страница может загрузить основной контент для страницы. LCP 2,5 секунды или меньше — это хороший результат.
  
  
• Задержка первого ввода (FID) . Этот рейтинг измеряет, сколько времени требуется веб-странице, чтобы отреагировать на действие, которое предпринимает пользователь. Таймер для этого измерения запускается, когда на странице есть что-то визуальное, на что пользователь может отреагировать, и заканчивается, когда страница может реагировать на это действие посетителя. Если страница не может ответить пользователю, потому что она отвечает на многие другие сценарии, которые она загружает первой, оценка FID пострадает. Для проходного балла FID 100 миллисекунд или меньше является хорошим показателем.
  
  
• Кумулятивное смещение макета (CLS) — CLS измеряет визуальную стабильность страницы и макета. Если вы нажмете табуляцию, все будет двигаться? Есть ли у вас реклама, изображения или элементы страницы, которые загружаются позже и вызывают смещение макета страницы? Это приводит к плохой оценке CLS. Рейтинг CLS 0,1 или меньше является хорошим показателем.

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

Руководство Google для издателей, проводящих собственный аудит скорости страницы: «Считать страницу проходящей, если она соответствует рекомендуемым целям на 75-м процентиле по всем трем вышеуказанным показателям».

Скорость загрузки страницы и основные показатели веб-показателей были интегрированы в инструмент разработчика Chrome, доступный в браузере Chrome. Режим разработчика Chrome даже сделает снимок страницы в процессе загрузки, чтобы помочь точно определить, где возникают проблемы.


Обновление: данные недавнего исследования, проведенного Томом Каппером из Moz, показывают, что на рейтинг веб-сайтов в первую очередь влияет, если они не соответствуют всем 3 пороговым значениям Core Web Vitals (LCP, FID, CLS), но невыполнение 1 или 2 не коррелирует со значительным влиянием на рейтинги.

Как издатели могут улучшить скорость загрузки страниц и основные веб-жизненные показатели?

Издателям следует регулярно выполнять как минимум три следующих шага для повышения производительности сайта: во-первых, регулярно проводить тесты скорости страницы и взаимодействия и просматривать отчеты; во-вторых, определите, какие загруженные элементы не используются или не нужны, например, старые шрифты или скрипты css. В-третьих, обратите внимание на изображения, CSS, видео и JavaScript, которые можно оптимизировать по размеру и скорости загрузки с помощью сжатия, минимизации или объединения.

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

Внедрите отложенную загрузку для улучшения FID Web Vital

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

Wordstream предлагает хорошую статью о том, когда и как реализовать ленивую загрузку, но вы можете проверить это в конкретных сообществах, созданных вокруг вашей системы CMS. В некоторые функции Hubspot встроена отложенная загрузка, и существует множество плагинов Wordpress для автоматизации отложенной загрузки.

Использование CDN сети доставки контента

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

Сжимайте изображения и видео для более быстрой загрузки страниц

Большие медиафайлы являются одной из основных причин медленной загрузки страниц в комментариях и одними из самых простых в устранении. Вы должны ранжировать все изображения на своем сайте по размеру и сразу обращать внимание на те 100 тысяч или больше. Вы можете просканировать свой сайт с помощью такого инструмента, как Screaming Frog, чтобы идентифицировать все большие изображения за считанные минуты. Wordpress и современные системы CMS часто имеют встроенные средства сжатия изображений, но проверьте сами. Иногда вы можете добиться большего успеха с помощью сторонних инструментов, созданных специально для сжатия изображений, таких как tinypng или jpeg-optimizer.

Удалите неиспользуемые файлы JavaScript, чтобы повысить скорость рендеринга страницы

На вашей веб-странице слишком много JavaScript? Если JavaScript блокирует рендеринг, его необходимо вызвать, загрузить, проанализировать и выполнить, прежде чем страница сможет завершить рендеринг. У вас есть неиспользуемые файлы JavaScript? Файлы JavaScript могут накапливаться для таргетинга, систем CMS, настройки пикселей отслеживания, социальных тегов, загрузки шрифтов и многого другого. Вы можете подробно определить, какая часть вашего JavaScript не используется, с помощью функции покрытия в Chrome DevTools.

При запуске инструмента скорости страницы Google он идентифицирует любой JavaScript с более чем 20 килобайтами неиспользуемого кода.

Объедините или уменьшите CSS и скрипты для повышения скорости страницы

Минимизация этих скриптов сохраняет их машиночитаемость, но ускоряет их загрузку. Существует несколько инструментов для минимизации скриптов; RankRed собрал хороший набор инструментов и описаний для минимизации скриптов. Вы также можете сэкономить несколько поездок на сервер, если объедините файлы JavaScript или CSS.

Оптимизация кэша для Core Web Vitals

Стратегию кэширования следует пересмотреть для типа вашего сайта с учетом функций кэширования PI, таких как Cache-control и Last-Modified. Разработчики Google предоставляют некоторые рекомендации и контрольный список для параметров кэширования, а также параметров конфигурации для популярных серверов. Вы можете предварительно загрузить кеш, чтобы страница уже была оптимизирована до того, как робот Googlebot прибудет для оценки производительности.

Производитель инструментов WP WP Rocket предполагает, что предварительная загрузка кеша может быть ключевой помощью для повышения скорости страницы, и создал это видео, чтобы объяснить.

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

• Укажите атрибуты высоты и ширины изображения, чтобы браузер мог планировать их недвижимое пространство, даже если они будут лениво загружаться позже.
• Зарезервируйте место для рекламы, фреймов и динамического контента. Используйте контейнеры, чтобы избежать смещения макета во время рендеринга.
• Рассмотрите возможность оптимизации отображения шрифта с помощью ссылки rel="preload"   и отображение шрифта: необязательно.
  
  

Запустить аналитику

Запуск частого теста PageSpeed ​​может дать вам больше информации о ваших основных жизненно важных веб-сайтах. Вы можете не только увидеть показатель скорости страницы, но и узнать, сколько элементов загружается и как быстро они загружаются. Погрузитесь в свои отчеты, чтобы определить элементы, которые могут сдерживать скорость вашей страницы. Вот несколько популярных инструментов для просмотра различных уровней детализации и отчетов о загрузке страницы, скорости страницы и оптимизации для поисковых систем:

• Статистика Google PageSpeed
• GTmetrix
• Мониторинг скорости страницы Pingdom
• Веб-страницаТест

Вот несколько рекомендаций для более технических и подробных обсуждений оптимизации скорости страницы:

• Как улучшить скорость сайта Wordpress
• Nitropack: как измерить и улучшить основные веб-жизненные показатели
• SearchEngineWatch — 28 способов повысить эффективность вашего сайта
• Toptal – оценка PageSpeed ​​Insights от Google
• Smashing Magazine - Руководство по измерению основных веб-показателей
• Web.dev — улучшите производительность сайта за счет быстрой загрузки
  
  

Платные подписки в ваших планах на будущее?

Как Admiral помогает повысить эффективность работы издателя

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

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

Точечные решения умножают технический долг издателей

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

Admiral проверен сторонним тестом скорости в более чем 100 клиентских сценариях

Admiral активно помогал издателям оптимизировать Core Web Vitals и заключил контракт с признанным на национальном уровне цифровым агентством (Anvil Media) на тщательное тестирование однотегового решения Admiral на скорость и влияние на Core Web Vitals.

Эксперты Anvil по скорости страницы протестировали тег Admiral на 15 сайтах клиентов, всех модулях решений Admiral , настольных и мобильных устройствах, в течение пяти дней, предварительное и последующее измерение, а также все 3 показателя CWV; Всего более 300 точек данных.