Lighthouse ?
Lighthouse는 구글에서 개발한, 웹 페이지의 품질을 개선할 수 있는 자동화 툴이다.
Lighthouse 분석 결과 항목
1. Performance
Perfomance 항목에서는 웹 성능을 측정한다.
화면에 컨텐츠가 표시되는 시간, 표시된 후 사용자와 상호작용까지의 시간, 화면에 불안정한 요소는 없는지등을 확인한다.
2. Accessibility
Acessibility 항목에서는 웹 접근성을 잘 갖추고 있는지 확인한다.
대체 택스트를 잘 작성했는지, 배경색과 콘텐츠 색상의 대비가 충분한지, 적절한 WAI-ARIA 속성을 사용했는지를 확인한다.
3. Best Practices
Best Practices 항목에서는 웹 표준 모범 사례를 잘 따르는지 확인한다. HTTPS 프로토콜을 사용하는지, 콘솔 창에 오류가 표기되는지 등을 확인한다.
4. SEO
SEO 항목에서는 검색 엔진 최적화가 잘 되어있는지 확인한다.
애플리케이션의 robots.txt가 유효한지, meta 요소는 잘 작성되어 있는지, 읽기에 어려운 텍스트는 없는지 등을 확인한다.
5. PWA (Progressive Web App)
PWA 항목에서는 해당 웹사이트가 모바일 애플리케이션으로도 잘 작동하는지 확인한다. 앱 아이콘은 제공하는지, 스플래시 화면은 있는지, 화면 크기에 맞게 콘텐츠를 적절하게 배치했는지 등을 체크리스트로 확인한다.
Opportunity
Lighthouse가 모든 검사를 마치고 웹사이트의 개선점을 알려준다.
이런식으로 결과가 나오게 되는데
1번은 웹페이지를 지연시키는 리소스를 알려준다.
2번은 사용하지 않는 css를 줄이라는 개선점이다.
