페이지의 많은 사용자가 셀룰러 네트워크 연결이 느릴 때 방문합니다. 모바일 네트워크에서 페이지가 빠르게 로드되면 모바일 사용자에게 만족스러운 환경을 제공할 수 있습니다.
Lighthouse 페이지 로드 속도 감사 실패 원인
Lighthouse는 모바일에서 충분히 빨리 로드되지 않는 페이지를 신고합니다.
![Lighthouse 감사에서 페이지가 모바일에서 충분히 빠르게 로드되지 않음](https://developer.chrome.google.cn/static/docs/lighthouse/pwa/load-fast-enough-for-pwa/image/lighthouse-audit-showing-9a93a82df94ee.png?authuser=3&hl=ko)
두 가지 주요 측정항목은 사용자가 로드 시간을 인식하는 방식에 영향을 미칩니다.
- 첫 번째 의미 있는 페인트 (FMP): 페이지의 기본 콘텐츠가 시각적으로 완전하게 표시되는 시점을 측정합니다.
- 상호작용 시작 시간 (TTI): 페이지가 완전히 상호작용하는 시간을 측정합니다.
예를 들어 1초 후에 페이지가 시각적으로 완전하게 표시되지만 사용자가 10초 동안 해당 페이지와 상호작용할 수 없다면 사용자는 페이지 로드 시간을 10초로 인식할 가능성이 높습니다.
Lighthouse는 느린 4G 네트워크 연결 시의 TTI를 계산합니다. 상호작용 시간이 10초를 초과하면 감사가 실패합니다.
전반적인 실적 점수를 개선하는 방법
특정 측정항목에 집중해야 하는 특별한 이유가 없다면 일반적으로 전반적인 성능 점수를 개선하는 데 집중하는 것이 좋습니다.
Lighthouse 보고서의 추천 섹션을 사용하면 페이지에 가장 큰 가치가 있는 개선사항을 파악할 수 있습니다. 기회가 클수록 실적 점수에 더 큰 영향을 미칩니다. 예를 들어 아래의 Lighthouse 스크린샷은 렌더링 차단 리소스를 제거하면 가장 큰 개선 효과를 얻을 수 있음을 보여줍니다.
![Lighthouse: 기회 섹션](https://developer.chrome.google.cn/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=3&hl=ko)
Lighthouse 보고서에서 식별된 기회를 해결하는 방법은 성능 감사 방문 페이지를 참고하세요.