Реальная производительность может сильно варьироваться в зависимости от устройств пользователей, сетевых подключений и других факторов. Например, если вы загружаете сайт, используя кабельное сетевое подключение в офисе, а затем сравниваете его с загрузкой через Wi-Fi в кафе, результаты, скорее всего, будут сильно отличаться. На рынке представлено множество инструментов, которые помогут вам собрать лабораторные или полевые данные для оценки эффективности страницы.
Лабораторные данные и данные наблюдений
Лабораторные данные – это данные о производительности, собранные в контролируемой среде с заранее заданными настройками устройства и сети. Полевые данные – это данные о производительности, собранные при реальных загрузках страниц пользователями. У каждого типа есть свои преимущества и ограничения.
Лабораторные данные позволяют воспроизводить результаты и отлаживать код, но не всегда отражают реальные проблемы и не могут быть сопоставлены с реальными ключевыми показателями эффективности. Чтобы получить лабораторные данные, вам нужно знать, какие устройства и сети обычно используют ваши пользователи, и воспроизвести эти условия при тестировании производительности. Помните, что даже в зонах покрытия 4G пользователи могут сталкиваться с медленным или прерывистым подключением, например в лифтах, во время поездок или в других подобных условиях.
Данные наблюдений (также называемые мониторингом реальных пользователей) отражают реальный пользовательский опыт и позволяют соотносить его с бизнес-KPI, но имеют ограниченный набор показателей и ограниченные возможности отладки.
Инструменты
Имитация загрузки страницы
Lighthouse – это инструмент, который позволяет проверить страницу по заданному URL и получить отчет о ее эффективности. Запустить Lighthouse можно разными способами, в том числе с помощью инструментов разработчика Chrome.
Данные наблюдений
Отчет об удобстве пользования браузером Chrome (CrUX) содержит показатели, которые говорят о том, насколько настоящим пользователям Chrome комфортно просматривать популярные сайты.
Другие инструменты
PageSpeed Insights предоставляет как лабораторные, так и полевые данные о странице. Для сбора и анализа лабораторных данных о странице используется инструмент Lighthouse, а полевые данные берутся из набора данных Chrome User Experience Report.
Инструменты разработчика в Chrome – это набор средств для веб-разработчиков, встроенных прямо в браузер Google Chrome. С его помощью можно профилировать время выполнения страницы, а также выявлять и устранять узкие места в производительности.