표시 영역은 페이지 콘텐츠가 표시되는 브라우저 창의 부분입니다. 페이지의 콘텐츠 너비가 표시 영역 너비보다 작거나 클 경우 모바일 화면에서 올바르게 렌더링되지 않을 수 있습니다. 예를 들어 콘텐츠 너비가 너무 크면 콘텐츠에 맞춰 콘텐츠가 축소되어 텍스트를 읽기 어렵게 만들 수 있습니다.
Lighthouse 콘텐츠 너비 감사 실패 이유
Lighthouse는 너비가 표시 영역의 너비와 동일하지 않은 페이지를 신고합니다.
window.innerWidth가 window.outerWidth와 같지 않으면 감사가 실패합니다.
모바일 화면에 적합한 페이지를 만드는 방법
이 감사는 페이지가 휴대기기에 최적화되어 있는지 확인하는 우회 방법입니다. 모바일 친화적인 페이지를 만드는 방법에 관한 개요는 Google의 반응형 웹 디자인 기본사항을 참고하세요.
다음과 같은 경우 이 감사를 무시할 수 있습니다.
- 사이트를 모바일 화면에 최적화할 필요는 없습니다.
- 페이지의 콘텐츠 너비가 의도적으로 표시 영역 너비보다 작거나 커졌습니다.