Как измерить скорость?

Крис Ансти
Chris Anstey
Боян Павич
Bojan Pavic

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

Графика скоростных инструментов

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

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

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

Инструменты

Лабораторные данные

Lighthouse берет URL-адрес и проводит серию проверок страницы, создавая отчет о том, насколько хорошо страница работала. Существует несколько способов запуска Lighthouse, включая возможность легкого аудита страницы из Chrome DevTools.

Данные поля

Отчет об опыте пользователей Chrome (CrUX) предоставляет показатели, показывающие, как реальные пользователи Chrome взаимодействуют с популярными местами в Интернете.

Другие инструменты

PageSpeed ​​Insights предоставляет как лабораторные, так и полевые данные о странице. Он использует Lighthouse для сбора и анализа лабораторных данных о странице, а реальные полевые данные основаны на наборе данных отчета об опыте пользователя Chrome.

Инструменты разработчика Chrome — это набор инструментов веб-разработчика, встроенных непосредственно в браузер Google Chrome. Он позволяет профилировать время выполнения страницы, а также выявлять и устранять узкие места производительности.