사이트 대책 확인 도구의 개인 총결산(lighthouse, PageSpeed Insights, WebPagetest)

이것은 사이트가 적당한 대책을 취했는지 확인할 수 있는 도구이자 사이트의 대략적인 총결이다
이번에 정리한 건 무료로 사용할 수 있는 세 가지입니다.

lighthouse

PageSpeed Insights

WebPagetest

lighthouse
Google에서 제공하는 웹 품질 확인 도구
사이트의 성능, 보조성, SEO 등을 측정할 수 있다
Lighthouse 기반 웹 응용 프로그램 감사 | Tools for 웹 Developers | Google Developers
Github
사용 방법 정보
다운로드Lighthouse Chrome 확장 기능 및 Chrome에서 확장 기능 가져오기
명령줄에 노드 모듈로 설치

npm i -g lighthouse

측정 결과 정보
측정 후 출력은 다음과 같다 "

Performance
웹 사이트의 현재 성능과 개선점에 관하여
Progressive Web App
baseline PWA 검사 목록에 지정된 행별 웹 응용 프로그램 성능 정보
Accessibility
웹 애플리케이션의 가용성 하위 집합만 자동으로 감지되므로 수동 테스트도 권장됩니다.
Best Practices
현대 사이트가 있는지 없는지
SEO
페이지가 검색엔진의 결과 순위를 최적화했는지 확인하지 않았습니다. 이것은 검색 순위에 영향을 미칠 수 있습니다
PageSpeed Insights
Google에서 제공하는 웹 서비스가 입력한 URL을 확인하고 권장 사항을 알려 줍니다.
PageSpeed Insights
PageSpeed Insight 정보
사용 방법 정보
PageSpeed Insights의 사이트에 가서 URL을 입력하고 분석 버튼을 눌러라
측정 결과 정보

모든 이동과 컴퓨터의 속도와 최적화 측정 결과를 표시하다
자세한 내용은 참조PageSpeed Insight 정보
WebPagetest
Google 등의 합성 모니터링 서비스
WebPagetest
사용 방법 정보
WebPagetest의 사이트에 가서 URLTest Location을 입력하고 Browser을 선택하고 START TEST 단추를 누르세요.
측정 결과 정보

First Byte Time
서버에 요청을 보내고 브라우저에 응답을 받는 시간
Keep-alive Enabled
Keep-alive 사용 여부
Compress Transfer
Html, CSS 등의 압축 여부
Compress Images
이미지 파일이 압축되었는지 여부
Cache static content
컨텐츠 캐시가 올바른지 여부
Effective use of CDN
CDN 서버 사용 여부
총결산
대략적인 총결산이기 때문에, 상세한 항목과 대책에 관해서는 앞으로 조사 총결산하면 된다.