Как визуализировать метрики производительности и улучшить SEO, UX и доход

Содержание

1. Введение
2. Понимание Google скорости
3. Метрики производительности в CrUX
   • 3.1 Первая отрисовка (First Paint)
   • 3.2 Первая видимая отрисовка контента (First Contentful Paint)
   • 3.3 Загрузка DOM (DOM Content Loaded)
   • 3.4 Загрузка страницы (Onload)
   • 3.5 Первая задержка ввода (First Input Delay)
4. Доступ к данным CrUX
   • 4.1 Pagespeed Insights
   • 4.2 CrUX Dashboard
   • 4.3 Запросы raw данных
5. Использование данных CrUX
   • 5.1 Получение поддержки
   • 5.2 Расчет влияния на доход
   • 5.3 Информирование разработчиков
   • 5.4 Оценка влияния оптимизации
6. Заключение

Понимание скорости Google и визуализация метрик производительности

Введение:

Добро пожаловать на Whiteboard Friday! Меня зовут Сэм Арсден, я работаю в качестве специалиста по SEO в платформе глубокого сканирования веб-сайтов - Deep Crawl. Сегодня мы рассмотрим, как Google понимает скорость и как мы можем визуализировать некоторые метрики производительности, которые они предоставляют. Это поможет в улучшении опыта пользователей и увеличении дохода от вашего сайта.

Понимание Google скорости

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

Они используют комбинацию лабораторных и экспериментальных данных. Они собирают данные из Lighthouse и инструментов разработчика Chrome, а затем комбинируют их с данными от анонимных пользователей Chrome. Все данные доступны в Chrome User Experience Report (CrUX) - общедоступной базе данных, которая включает пять различных метрик:

1. Первая отрисовка (First Paint) - это момент, когда что-либо загружается на странице.
2. Первая видимая отрисовка контента (First Contentful Paint) - это момент, когда загружается текст или изображение.
3. Загрузка DOM (DOM Content Loaded) - это момент, когда DOM загружен.
4. Загрузка страницы (Onload) - это полная загрузка страницы после загрузки всех дополнительных скриптов.
5. Первая задержка ввода (First Input Delay) - это время между взаимодействием пользователя со страницей и ответом сервера на это взаимодействие.

Авторы данной статьи упомянули несколько способов доступа к данным CrUX. Один из них - использование PageSpeed Insights, где вы можете получить снимок данных и рекомендации по оптимизации для вашего сайта. Второй - использование CrUX Dashboard, где можно просматривать процентные показатели загрузки страниц, разделенные на медленные, средние и быстрые, и анализировать их динамику. Однако, для более глубокого анализа данных необходимо запросить необработанные данные и использовать BigQuery для их анализа.

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

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

Highlights:

• Google использует лабораторные и экспериментальные данные для понимания скорости.
• Разделяются пять основных метрик производительности: первая отрисовка, первая видимая отрисовка контента, загрузка DOM, загрузка страницы, первая задержка ввода.
• Доступ к данным CrUX можно получить через PageSpeed Insights и CrUX Dashboard.
• Для более глубокого анализа данных необходимо использовать необработанные данные и BigQuery.
• Данные CrUX могут использоваться для получения поддержки, расчета влияния на доход, информирования разработчиков и оценки влияния оптимизации.
• Быстрый сайт имеет преимущества в использовании, лояльности клиентов и SEO.

FAQ: Q: Как Google понимает скорость сайта? A: Google использует комбинацию лабораторных и экспериментальных данных для оценки скорости загрузки страниц.

Q: Какие метрики производительности включены в CrUX? A: CrUX включает пять основных метрик производительности: первая отрисовка, первая видимая отрисовка контента, загрузка DOM, загрузка страницы и первая задержка ввода.

Q: Как можно получить доступ к данным CrUX? A: Данные CrUX доступны через инструменты, такие как PageSpeed Insights и CrUX Dashboard, а также через запросы необработанных данных и их анализ в BigQuery.

Q: Как можно использовать данные CrUX для оптимизации сайта? A: Данные CrUX могут быть использованы для получения поддержки и согласия на оптимизацию, расчета влияния на доход, информирования разработчиков и оценки влияния оптимизации на бизнес-метрики.