Как выбрать инструмент для оценки скорости

Google выпустил много руководств по данным об эффективности и инструментам для оценки производительности. Цель этой инфографики – объединить рекомендации для разработчиков и маркетологов, чтобы помочь им понять, как оценивать производительность и ориентироваться во всех инструментах Google для ее повышения.

Скачать PDF-версию

Распространенные мифы об эффективности

Миф 1

Удобство для пользователей можно оценить с помощью одного показателя.

Удобство для пользователей не определяется одним моментом времени. Она состоит из ряда ключевых этапов на пути пользователя. Изучите различные показатели и отслеживайте те, которые важны для удобства пользователей.

Миф 2

Удобство сайта можно оценить на основе данных об одном "типичном пользователе".
Эффективность сайта в реальных условиях может сильно различаться в зависимости от устройств пользователей, сетевых подключений и других факторов. Откалибруйте свою лабораторию и среду разработки, чтобы протестировать множество различных условий. Используйте данные полей, чтобы информировать о выборе параметров тестирования для типа устройства (например, мобильного или настольного), сетевых подключений (например, 3G или 4G) и другие ключевые переменные.

Миф 3

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

Разница между лабораторными и полевыми данными

Имитация загрузки страницы

Лабораторные данные – это данные о производительности, собранные в контролируемой среде с предопределенными настройками устройства и сети. Это позволяет получать воспроизводимые результаты и использовать возможности отладки, чтобы выявлять, изолировать и устранять проблемы производительности.

Что следует делать

Сильные стороны

• Полезно для отладки проблем производительности.
• Полная и подробная информация о взаимодействии пользователей с сайтом.
• Воспроизводимая среда тестирования и отладки

Не следует делать

Ограничения

• Может не учитывать реальные узкие места.
• Невозможно сопоставить с реальными KPI страницы

Примечание. Такие инструменты, как Lighthouse и WebPageTest, собирают данные этого типа.

Данные наблюдений

(также называется мониторингом реальных пользователей или RUM)

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

Что следует делать

Сильные стороны

• Отражают реальный пользовательский опыт.
• Позволяет сопоставлять данные с ключевыми показателями эффективности бизнеса.

Не следует делать

Ограничения {: .compare-worse }

• Ограниченный набор показателей
• Ограниченные возможности отладки

Примечание. Общедоступные наборы данных, такие как Chrome User Experience Report, и инструменты оценки производительности, такие как PageSpeed Insights, содержат именно такие данные.

Какие инструменты для повышения эффективности существуют?

Маяк Предоставляет персональные рекомендации по улучшению сайта в отношении производительности, специальных возможностей, PWA, поисковой оптимизации и других аспектов.	WebPageTest Позволяет сравнивать эффективность одной или нескольких страниц в контролируемой лабораторной среде, а также подробно изучать статистику эффективности и тестировать эффективность на реальном устройстве. Вы также можете запустить Lighthouse в WebPageTest.
TestMySite Позволяет диагностировать эффективность веб-страниц на разных устройствах и предоставляет список исправлений для улучшения работы с Webpagetest и PageSpeed Insights.	PageSpeed Insights Показывает данные о скорости загрузки вашего сайта и предлагает рекомендации по ее увеличению.
Сводка по скорости загрузки Позволяет сравнить скорость загрузки вашего мобильного сайта с показателями конкурентов в более чем 10 странах. Скорость загрузки мобильного сайта рассчитывается на основе реальных данных из отчета Chrome User Experience Report.	Калькулятор эффективности Позволяет оценить потенциальный доход от повышения скорости загрузки мобильного сайта на основе контрольных данных Google Аналитики.
Инструменты разработчика в Chrome Позволяет профилировать время выполнения страницы, а также выявлять и устранять узкие места в производительности.

Значит, вы…

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

• Сводка по скорости загрузки сайта позволяет сопоставить скорость загрузки вашего мобильного сайта с показателями конкурентов более чем в 10 странах. Оценки основаны на реальных данных из отчета Chrome User Experience Report.
• Используйте калькулятор эффективности, чтобы оценить потенциальный доход от повышения скорости загрузки мобильного сайта. Эффект рассчитывается на основе контрольных данных из Google Аналитики.
• Используйте инструмент TestMySite, чтобы проверить скорость загрузки страниц на мобильных устройствах, сравнить ее со средними показателями по отрасли и узнать, как ускорить работу сайта и снизить процент отказов. В настоящее время TestMySite работает на основе WebPageTest и PageSpeed Insights.

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

PageSpeed Insights помогает понять, как ваш сайт работает у пользователей Chrome, и предлагает варианты оптимизации.

Разработчик, который хочет проверить сайт на соответствие современным рекомендациям по производительности.

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

Разработчик, которому нужны технические рекомендации по отладке и подробному анализу эффективности сайта.

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

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