Отчёты о веб-производительности

Оптимизация производительности интернет-магазина может улучшить покупательский опыт, повысить лёгкость обнаружения вашего магазина и увеличить коэффициенты конверсии. Отчёты о веб-производительности помогут вам понять, насколько ваш магазин соответствует отраслевым стандартам скорости загрузки, интерактивности и визуальной стабильности, известным как Core Web Vitals.

В отчётах показана производительность вашей витрины по показателям Core Web Vitals: скорости загрузки, интерактивности и визуальной стабильности. Отчёты содержат информацию о работе на компьютерах и мобильных устройствах, распределение показателей по заданным рейтингам производительности, а также отображают, как внесённые вами изменения (установка приложений, обновление тем, новый код) влияют на работу витрины.

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

Подробнее о том, как измеряется веб-производительность.

Просмотр данных о веб-производительности вашего магазина

Чтобы просматривать отчёты о веб-производительности магазина, у вас должно быть разрешение «Отчёты» для персонала. Чтобы панель управления заполнялась данными Real User Metrics (RUM), вы должны отключить защиту паролем для вашего интернет-магазина.

Вы можете открыть отчёты о веб-производительности в динамике из сводки метрик производительности на странице «Темы» или открыть все отчёты о веб-производительности из списка «Отчёты» в панели администратора Shopify.

Просмотр сводки метрик производительности

Сводка метрик производительности отображается на странице «Темы» в панели администратора Shopify и содержит краткий обзор 3 основных показателей Core Web Vitals вашего магазина в динамике. Подробнее о сводке метрик производительности.

Инструкции:

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Необязательно: с помощью виджета выбора даты Значок календаря можно отобразить данные за выбранный период. Вы можете выбрать «Сегодня», «Последние 7 дней» или «Последние 30 дней».

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

Просмотр отчётов о веб-производительности

В списке «Отчёты» в панели администратора Shopify доступно несколько отчётов о веб-производительности. Вы можете настроить эти отчёты для отображения нужных данных с помощью панели конфигурации или редактора запросов ShopifyQL.

Подробнее об использовании отчётов Shopify.

Инструкции:

  1. В панели администратора Shopify перейдите в раздел «Аналитика» > «Отчёты».

  2. В поле «Поиск по отчётам» найдите отчёт, который вы хотите открыть:

    • Чтобы отобразить все отчёты о веб-производительности, введите в поиск двоеточие :.
    • Чтобы отобразить отчёты о Largest Contentful Paint, введите в поиск ключевое слово contentful.
    • Чтобы отобразить отчёты о Interaction to Next Paint, введите в поиск ключевое слово next.
    • Чтобы отобразить отчёты о Cumulative Layout Shift, введите в поиск ключевое слово cumulative.
  3. Нажмите на название отчёта, который хотите открыть.

Сводка метрик веб-производительности

Сводка метрик веб-производительности предоставляет аналитические данные о производительности вашего интернет-магазина на основе реальных пользовательских данных за последние 30 дней. В ней ваш магазин оценивается по 3 показателям Core Web Vitals, и каждой метрике присваивается рейтинг «Хорошо», «Средне» или «Плохо». Этот рейтинг отражает 75% лучших пользовательских сеансов.

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

Сводка метрик веб-производительности включает следующую информацию:

  • Рейтинг вашего магазина по показателю Largest Contentful Paint (LCP), который измеряет скорость загрузки. Он определяется тем, насколько быстро становится видимым самый большой элемент на экране.
  • Рейтинг вашего магазина по показателю Interaction to Next Paint (INP), который измеряет интерактивность. Он определяется временем, которое требуется браузеру для отрисовки следующего кадра или отображения изменений на экране после взаимодействия с пользователем (например, нажатия на ссылку или кнопку).
  • Рейтинг вашего магазина по показателю Cumulative Layout Shift (CLS), который измеряет визуальную стабильность. Он определяется тем, насколько сильно контент неожиданно смещается при навигации по странице.
  • Сессии посетителей вашего интернет-магазина, разделённые по типу устройства.

Ниже приведены доступные рейтинги для 3 основных показателей Core Web Vitals в сводке метрик веб-производительности:

Таблица с целевыми метриками для 3 основных показателей Core Web Vitals и их описаниями.
Основной показатель Core Web VitalsРейтингЦелевая метрикаОписание
Largest Contentful Paint (LCP)Хорошо2500 мс или меньшеБольшинство пользователей отмечают быструю загрузку страницы.
СреднеБольше 2500 мс и меньше 4000 мсНекоторые пользователи отмечают быструю загрузку страницы, но есть возможности для улучшения.
ПлохоБолее 4000 мсУ большинства пользователей страницы загружаются медленно. Этот показатель следует улучшить.
Время ожидания до следующего взаимодействия (INP)ХорошоНе более 200 мсДля большинства пользователей страницы имеют хорошую скорость отклика.
СреднеБолее 200 мс и менее 500 мсДля некоторых пользователей страницы имеют хорошую скорость отклика, но есть возможности для улучшения.
ПлохоБолее 500 мсУ большинства пользователей страницы медленно реагируют на действия, что может их раздражать. Этот показатель следует улучшить.
Совокупное смещение макета (CLS)ХорошоНе более 0,1У большинства пользователей макет стабилен во время загрузки страницы.
СреднеБолее 0,1 и менее 0,25У некоторых пользователей макет стабилен во время загрузки страницы, но есть возможности для улучшения.
ПлохоНе менее 0,25У большинства пользователей макет нестабилен во время загрузки страницы, что может раздражать пользователей. Этот показатель следует улучшить.

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

Отчёты о производительности в интернете за период

Вы можете отслеживать производительность своего сайта в интернете с течением времени по 3 основным показателям Core Web Vitals в отчётах о производительности в интернете:

По умолчанию отображаются данные для 75-го перцентиля соответствующего показателя Core Web Vital в миллисекундах, но вы можете использовать панель конфигурации отчёта, чтобы настроить его в соответствии со своими потребностями. Вы также можете настроить различные размерности и фильтры, такие как диапазон времени, группировка по дате и тип устройства, чтобы наилучшим образом отразить трафик вашего сайта. Узнайте больше о настройке отчётов.

Линейный график показывает, как изменения, внесённые в ваш интернет-магазин (например, установка приложений, обновление тем и новый код), со временем повлияли на основной показатель Core Web Vital. Этот график содержит следующие дополнительные элементы:

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

Гистограмма в столбце метрики распределения таблицы данных показывает, сколько посещений страниц попадает в каждую категорию производительности: хорошая (зелёный), умеренная (жёлтый) или плохая (красный).

Отчёты о производительности в интернете по URL-адресам страниц

Вы можете отслеживать производительность своего сайта в интернете для URL-адреса каждой отдельной страницы по 3 основным показателям Core Web Vitals в отчётах о производительности в интернете:

По умолчанию отображаются данные о событиях для 75-го перцентиля соответствующего показателя Core Web Vital в миллисекундах, но вы можете использовать панель конфигурации отчёта, чтобы настроить его в соответствии со своими потребностями. Вы также можете настроить различные размерности и фильтры, такие как диапазон времени, группировка по дате и тип устройства, чтобы наилучшим образом отразить трафик вашего сайта. Узнайте больше о настройке отчётов.

Эти отчёты не содержат графиков. В них отображается только таблица данных. По умолчанию основной размерностью в таблице является Путь к странице. Гистограмма в столбце метрики распределения показывает, сколько посещений страниц попадает в каждую категорию производительности: хорошая (зелёный), умеренная (жёлтый) или плохая (красный).

Отчёты о производительности в интернете по типу страниц

Вы можете отслеживать производительность своего сайта в интернете в разбивке по типу страниц по 3 основным показателям Core Web Vitals в отчётах о производительности в интернете:

По умолчанию отображаются данные для 75-го перцентиля соответствующего показателя Core Web Vital в миллисекундах, но вы можете использовать панель конфигурации отчёта, чтобы настроить его в соответствии со своими потребностями. Вы также можете настроить различные размерности и фильтры, такие как диапазон времени, группировка по дате и тип устройства, чтобы наилучшим образом отразить трафик вашего сайта. Узнайте больше о настройке отчётов.

Эти отчёты не содержат графиков. В них отображается только таблица данных. По умолчанию основной размерностью в таблице является Тип страницы. Гистограмма в столбце метрики распределения показывает, сколько посещений страниц попадает в каждую категорию производительности: хорошая (зелёный), умеренная (жёлтый) или плохая (красный).

Использование отчётов о производительности в интернете

После того как в кратком содержании метрик производительности в интернете накопится достаточно данных для отображения оценки по Core Web Vitals, вы можете использовать отчёты о производительности, чтобы выявить потенциальные проблемы, которые могут влиять на ваши показатели. Определив страницы или элементы, которые могут влиять на производительность вашего сайта в интернете, вы сможете принять взвешенное решение о том, где и как оптимизировать свой магазин.

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

Вы можете выполнить следующие общие шаги для поиска возможностей по оптимизации производительности в интернете:

  1. Просмотрите краткое содержание метрик производительности, чтобы получить общее представление о том, какие показатели Core Web Vitals могут нуждаться в оптимизации.
  2. Для конкретного показателя Core Web Vital используйте 3 связанных отчёта, чтобы более детально изучить данные по вашему магазину:
    • Используйте отчёты «За период», чтобы выяснить, когда могло произойти влияние на тот или иной показатель.
    • Используйте отчёты «По типу страниц», чтобы выяснить, не указывают ли определённые шаблоны страниц на снижение производительности в интернете.
    • Используйте отчёты «По URL-адресам страниц», чтобы выяснить, не указывают ли определённые страницы на снижение производительности в интернете.
  3. Определив период времени, страницы и элементы, которые влияют на производительность вашего сайта, вы сможете с большей уверенностью приступить к улучшению показателей Core Web Vitals, понимая, что именно может быть причиной проблемы.

Чтобы узнать, как повысить производительность интернет-магазина, ознакомьтесь с разделом Повышение производительности интернет-магазина.