Lighthouse가있는 웹 사이트의 성능 및 품질 확인

Google은 현대 웹 디자인의 최전선에 서 있습니다. Analytics에서부터 DevTools에 이르기까지 다양한 도구를 제공하여 사람들이 더 나은 웹을 만들 수 있도록 돕습니다..

최근 Lighthouse라는 또 다른 편리한 도구를 발표했습니다. 이것은 크롬 백그라운드에서 실행되는 무료 자동화 된 테스트 도구. 사이트의 성능, 속도, 액세스 가능성 및 의미있는 베스트 프랙티스 준수 여부를 확인할 미니 웹 사이트 감사와 유사합니다..

등대 확장은 주로 점진적인 웹 응용 프로그램 용으로 제작되었습니다.. 브라우저에서 실행되고 기본 앱처럼 작동하지만 일반 웹 사이트처럼 작동하는 일반적인 웹 애플리케이션입니다..

PWA는 등대 프로젝트의 큰 부분입니다. 그러나 Lighthouse의 목표는 모든 웹 개발자 해당 페이지의 품질을 확인하십시오..

여기에는 HTML / CSS 버그 검사 또는 중복 코드 줄 찾기가 포함될 수 있습니다. Lighthouse는 또한 이미지, 파일 크기, HTTP 요청 등에 대한 최적화 팁을 통해 웹 성능을 조사합니다..

모든 주요 감사 결과가 나타납니다. Chrome의 DevTools 내부 따라서 통계를 확인하기 위해 새 창을 열 필요조차 없습니다. 필요한 것은 Chrome의 실행 버전이며 등대 검사 결과를 살펴볼 시간입니다..

일반적으로 이것은 네 가지 범주로 나뉩니다.

각 카테고리는 UX 개선을위한 권장 사항으로 더 작은 속성으로 나뉩니다..

에서 감사 결과를 가져올 수있는 버튼 클릭 웹 사이트의 성능, 속도, 사용 편의성을 향상시키고 Google이 염두에 두는 모든 측정 항목을 근본적으로 향상시키는 데 도움이 될 것입니다..

메인 페이지에서 더 많은 것을 배우고 Lighthouse의 많은 기능을 읽으려면.

Lighthouse를 처음으로 개발자 커뮤니티에 소개 한 Google I / O 2017에서이 프레젠테이션을 볼 수도 있습니다..