Lighthouse의 실제 성능 데이터

크롤러에서 “Chrome-Lighthouse” 사용자 에이전트를 제외하여 Lighthouse에 실제 애플리케이션 뷰를 표시할 수 있을까요?

애플리케이션 뷰 성능

이것은 Chrome DevTools의 Lighthouse와 PageSpeed Insights가 사용자가 보는 것처럼 Discourse의 성능을 측정할 수 있도록 합니다.

크롤러 뷰 성능

지금까지 Lighthouse는 크롤러 레이아웃을 렌더링하는 사용자 기기의 성능을 측정했습니다. 이는 현실에서는 절대 일어나지 않는 일입니다.

최근 iPhone 모델(아이폰 8 이상 포함)에서 lighthouse 성능 테스트를 실행한다면, 저는 이 부분에 대해 열린 자세로 받아들일 준비가 되어 있습니다. 안타깝게도 현재 안드로이드의 성능은 iPhone보다 3배(또는 그 이상) 느립니다. :pensive_face:

제가 무슨 말인지 확인하려면 Speedometer 2.0 에서 기기를 테스트해 보세요. 이 도구는 브라우저의 JavaScript 성능을 측정합니다:

iPhone(모든 모델)에서 lighthouse를 실행하여 맥락을 파악하기 전까지는, 저는 이 부분의 어떠한 변경에도 절대 반대합니다. 그들이 테스트를 진행한다면, 저는 기꺼이 그 PR을 받아들일 것입니다. 그리고 아주 기꺼이요.

이들은 이미 약 200유로/달러 가격대의 Chrome을 실행 중인 Android 기기에서 “실제 사용자 경험 데이터”(CrUX 데이터셋)을 수집하고 있으며, 이 데이터는 Google Search Console의 Core Web Vitals 보고서에 반영됩니다.

이를 플래그(Flag) 뒤에 두거나 개발 환경에서만 활성화하도록 하는 것은 어떨까요?

사용자 지정 사용자 에이전트를 사용하여 로컬 머신에서 Lighthouse를 실행하면 SPA 성능 수치를 확인할 수 있습니다.

이 솔루션이 의도한 Discourse 뷰를 측정하려면:

  • 모바일 뷰: URL에 ?mobile_view=1 추가
  • 데스크톱 뷰: URL에 ?mobile_view=0 추가

이 설정은 LocalStorage에 저장됩니다. 필요 시 한 번 초기화하세요:
URL에 ?mobile_view=auto를 추가하면 됩니다.