Chrome PageSpeed는 특정 페이지의 Front-End 단 튜닝 요소를 찾아주는 확장앱이다.
예전에는 스코어도 주었는데 Chrome Extention App에서는 현재 스코어는 빠져 있다.
특정 페이지(예: 메인 페이지)에 대해서 Front-End 단에 튜닝이 필요한 부분에 대해서
상,중,하로 구분하여 보여주어 사용자가 우선적으로 처리해야 하는 부분과 방법을 제공한다.
사용법을 간단하며 아래와 같다.
1. 크롬 앱스토어에서 PageSpeed Insights 를 검색하여 설치.
2. Chrome 도구메뉴에서 개발자 도구를 선택한다.(windows는 F12, Mac CMD + option + i)
3. 개발자 도구 메뉴중 PageSpeed를 선택 한 후 분석 시작 버튼을 누르면 해당 페이지를 분석한다.
4. 분석이 완료되면 아래와 같이 결과값을 보여준다.
제안사항 요약을 보면 H,M,L 로 구분하여 튜닝이 필요한 부분에 대해서 제안한다.
각각의 부분을 누르면 상세 내용을 제공하므로 항목별로 눌러서 확인해보면 된다.
5. 제안내용 외에 이미 처리 되어 있는 부분은 아래와 같은 항목들이 있다. 실제 튜닝을 하지 않았다면 상당부분이 미 완료 되어 있는 것을 확인할 수 있다.
'튜닝 > 성능측정' 카테고리의 다른 글
| Docker로 Webpagetest private instance 구성하기 (0) | 2018.04.30 |
|---|---|
| 컴퓨터의 DNS는 무엇으로 설정하는게 가장 좋을까? (0) | 2017.12.08 |
| sitespeed.io 4를 이용한 사이트/페이지별 타이밍, 리소스, 퍼포먼스 측정 및 시각화방법 (0) | 2017.02.22 |
| PageSpeed insights를 이용한 성능측정 (0) | 2014.10.31 |
