Реальные данные о производительности для Lighthouse

Разработка
1

Можем ли мы исключить user-agent «Chrome-Lighthouse» из списка краулеров и тем самым показать Lighthouse реальный вид приложения?

Производительность вида приложения

Это позволяет Lighthouse в инструментах разработчика Chrome и PageSpeed Insights измерять производительность Discourse так, как её видит пользователь.

lighthouse-performance-application-view
lighthouse-performance-application-view915×920 81.2 KB

Производительность вида краулера

До сих пор Lighthouse измерял производительность для устройства пользователя, которое рендерит макет краулера — в реальности этого никогда не происходит.

lighthouse-performance-crawler-view
lighthouse-performance-crawler-view924×926 62.7 KB

2

Если они проведут тесты производительности Lighthouse на недавней модели iPhone (даже iPhone 8 или новее), я готов это рассмотреть. К сожалению, сейчас производительность Android в 3 раза (или даже больше) ниже, чем у iPhone. :pensive_face:

Проверьте своё устройство по адресу Speedometer 2.0, чтобы понять, о чём я говорю — этот тест измеряет производительность JavaScript в браузере:

image
image1014×1200 163 KB

Пока они не проведут тесты Lighthouse на iPhone (любой модели) для контекста, я категорически против любых изменений здесь. Когда они это сделают, я с радостью приму PR, и даже с энтузиазмом.

3

Для своих метрик они уже собирают «данные реального пользовательского опыта» (набор данных CrUX) с Android-смартфонов стоимостью около 200 евро/долларов США, работающих на Chrome. Эти данные попадают в отчёт Core Web Vitals в Google Search Console.

Как насчёт того, чтобы скрыть это за флагом или включить только для сред разработки?

4

Вы можете запустить Lighthouse с пользовательским агентом прямо со своего компьютера, чтобы получить показатели производительности SPA.

5

Чтобы это решение измеряло нужный вид Discourse:

  • мобильный вид: добавьте ?mobile_view=1 к URL
  • десктопный вид: добавьте ?mobile_view=0 к URL

Эта настройка сохраняется в LocalStorage. Поэтому при необходимости сбросьте её один раз:
Добавьте ?mobile_view=auto к URL.