Представляем нашу панель Page Speed ​​Analytics Dashboard

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

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

Почему важна оценка скорости страницы?

На данный момент каждый цифровой маркетолог знает, насколько важна скорость страницы для SEO и взаимодействия с пользователем.

Скорость страницы оказывает значительное влияние на пользовательский опыт. Чем дольше пользователям приходится ждать загрузки страницы, тем выше вероятность того, что они уйдут, прежде чем совершить конверсию. Почти 70% людей, опрошенных Unbounce, заявили, что скорость загрузки страницы влияет на их вероятность совершения покупки.

Собственные исследования Google и Deloitte в отношении скорости загрузки страниц показали, что каждые 0,1 секунды улучшения времени загрузки могут повысить коэффициент конверсии на 8%.

То же самое можно сказать и о других показателях взаимодействия со страницей, связанных со скоростью, таких как изменение макета и медленная загрузка контента.

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

Скорость страницы влияет на SEO, потому что Google использует Core Web Vitals в качестве сигнала ранжирования. Core Web Vitals — это три показателя скорости страницы, которые измеряют скорость загрузки содержимого страницы. Эти показатели:

• Самая большая содержательная краска (LCP)
• Задержка первого ввода (FID)
• Совокупный сдвиг макета (CLS)

Google использует эти показатели для оценки качества взаимодействия с пользователем.

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

Ограничения PageSpeed ​​Insights

Хотя можно получить данные о скорости страницы вручную с помощью инструмента Google PageSpeed ​​Insights, у него есть некоторые серьезные ограничения:

• Не масштабируется
  Инструмент проверяет один URL-адрес за раз, что делает оценку нескольких URL-адресов довольно трудоемкой.
  
• Показатели с первого взгляда, а не с течением времени
  Инструмент предоставляет моментальный снимок показателей скорости страницы. Это затрудняет измерение повышения или снижения скорости страницы с течением времени. В равной степени это затрудняет отслеживание влияния сделанных вами улучшений на показатели скорости страницы.
  
• Невозможно сравнить показатели с конкурентами
  Поскольку вы можете тестировать только один URL-адрес за раз, вам придется запустить несколько тестов, чтобы сравнить внутренние показатели скорости страницы с показателями конкурентов. Даже если вы это сделаете, это будет всего лишь снимок, искаженный выбранными вами страницами и временем запуска теста.

Аналогичные проблемы есть и у инструмента Google для определения скорости загрузки мобильных страниц.

Панель мониторинга Ayima Page Speed ​​решает эти проблемы.

Как работает наш монитор скорости страницы

Наша панель управления Page Speed ​​использует Google Page Speed ​​Insights API для анализа производительности многих страниц в нескольких доменах.

Мы делаем API-запросы для показателей производительности как для настольных компьютеров, так и для мобильных устройств для выборки внутренних (клиентских) страниц и страниц конкурентов. Наши клиенты имеют прямой доступ к списку отслеживаемых страниц и могут обновить их в любое время, просто обновив таблицу Google.

Для тех, кто разбирается в Python или просто интересуется, в этой статье подробно рассказывается, как мы взаимодействуем с Page Speed ​​Insights API.

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

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

Основные элементы нашего монитора скорости страницы

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

Мы собираем данные из двух источников: полевые данные и лабораторные данные. Дополнительную информацию об этих метриках и о том, что они измеряют, можно найти в документации Google. У нас также есть дополнительная техническая информация о HTTP2 и скорости страницы.

• Полевые данные
  Собирает реальные пользовательские данные. Это позволяет нам выявлять узкие места в реальном мире.
  • Совокупный сдвиг макета (CLS)
    Измеряет визуальную стабильность. Низкий CLS гарантирует, что взаимодействие со страницей будет плавным и без задержек.

• Задержка первого ввода (FID)
  Измеряет реакцию на нагрузку. Низкий FID гарантирует, что страницу можно использовать и что пользователи могут взаимодействовать с ней.

• Самая большая содержательная краска (LCP)
  Измеряет воспринимаемую скорость загрузки. Быстрый LCP помогает убедить пользователей, что на странице достаточно контента для взаимодействия с ней.

Первая содержательная краска (FCP)
Измеряет воспринимаемую скорость загрузки. Быстрый FCP помогает убедить пользователей, что что-то происходит.

В дополнение к упомянутым выше Core Web Vitals — LCP, FID и CLS — мы отслеживаем ряд других метрик верхнего уровня, перечисленных ниже:

• Лабораторные данные
  Собирает данные из контролируемой среды. Это позволяет получать воспроизводимые результаты, которые могут быть полезны для отладки проблем с производительностью.
  • Оценка производительности
    Использует метрики лабораторных данных страницы для получения сводной оценки.

• Совокупный сдвиг макета (CLS)

• Самая большая содержательная краска (LCP)

• Первая содержательная краска (FCP)

• Индекс скорости
  Индекс скорости измеряет, насколько быстро контент визуально отображается во время загрузки страницы.

• Время до интерактивности (TTI)
  Измеряет реакцию на нагрузку. Быстрый TTI означает, что страница быстро используется и интерактивна.

• Общее время блокировки (TBT)
  Измеряет общую отзывчивость. Низкий показатель TBT означает, что страницу можно использовать и что пользователи могут с ней взаимодействовать.

Информация из нашего трекера скорости страницы

Наша цель с Page Speed ​​Tracker — предоставить информацию, которую не может дать существующий инструмент Google PageSpeed ​​Insights.

Мы хотели иметь возможность отслеживать соответствующие показатели с течением времени. Это позволило бы нам измерить эффективность инициатив по повышению скорости страницы или влияние некоторых изменений на веб-сайт.

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

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

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

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

В первом разделе панели инструментов представлен общий обзор показателей скорости страницы нашего клиента по сравнению с конкурентами. Диаграмма временных рядов позволяет нам сравнивать показатели скорости нескольких страниц с показателями конкурентов с течением времени. Мы усредняем данные о конкурентах по нескольким веб-сайтам, чтобы составить отраслевое представление о скорости загрузки страниц. Таким образом, мы можем отслеживать влияние изменений/миграций сайта на скорость сайта.

Мы включаем более детальную разбивку основных веб-показателей ниже на панели инструментов. Точно так же мы включаем данные о конкурентах в каждую диаграмму, чтобы обеспечить ориентир.

Пользовательские фильтры позволяют нам анализировать эффективность подмножества страниц, стран и/или типов устройств и т. д.

Обзор KPI дает нам метрики как лабораторных, так и полевых данных. Еще раз, мы предоставляем данные о конкурентах для каждой метрики, которая берет среднее значение нескольких веб-сайтов конкурентов.

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

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

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

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

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

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

Как это настроить?

Консоль Ayima PageSpeed ​​— это то, что мы предоставляем нашим SEO-клиентам, поскольку она помогает нам повышать производительность. Свяжитесь с нами, если у вас есть какие-либо вопросы или вы хотите узнать больше, мы будем рады услышать от вас!