모바일 네트워크에서 페이지 로드가 충분히 빠르지 않습니다.

페이지의 많은 사용자가 느린 셀룰러 네트워크 연결로 방문합니다. 모바일 네트워크에서 페이지를 빠르게 로드할 수 있게 하면 모바일 사용자에게 긍정적인 경험을 제공하는 데 도움이 됩니다.

# Lighthouse 페이지 로드 속도 감사가 실패하는 이유

Lighthouse는 모바일에서 충분히 빠르게 로드되지 않는 페이지에 플래그를 지정합니다.

두 가지 주요 메트릭은 사용자가 로드 시간을 인식하는 방식에 영향을 줍니다.

• 첫 번째 의미 있는 페인트(FMP) , 페이지의 기본 콘텐츠가 시각적으로 완전히 나타나는 시점을 측정합니다.
• 상호 작용까지의 시간(TTI), 페이지가 완전히 상호 작용하는 때를 측정

예를 들어 페이지가 1초 후에 시각적으로 완료된 것처럼 보이지만 사용자가 10초 동안 페이지와 상호 작용할 수 없는 경우 사용자는 페이지 로드 시간을 10초로 인식할 것입니다.

Lighthouse는 느린 4G 네트워크 연결에서 TTI가 무엇인지 계산합니다. 상호 작용 시간이 10초를 초과하면 감사가 실패합니다.

# How to improve your overall Performance score

Unless you have a specific reason for focusing on a particular metric, it's usually better to focus on improving your overall Performance score.

Use the Opportunities section of your Lighthouse report to determine which improvements will have the most value for your page. The more significant the opportunity, the greater the effect it will have on your Performance score. For example, the Lighthouse screenshot below shows that eliminating render-blocking resources will yield the biggest improvement:

See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.

# 참고 자료

• 모바일 네트워크에서 페이지 로드가 충분히 빠르지 않습니다. 감사를 위한 소스 코드
• 베이스라인 프로그레시브 웹 앱 체크리스트
• 중요 렌더링 경로
• 런타임 성능 분석 시작하기
• 로드 성능 기록
• 콘텐츠 효율성 최적화
• 렌더링 성능