Chrome Extention App 을 이용하여 성능측정을 통해 튜닝포인트를 찾는 것을 해보았다.


Google의 PageSpeed 제품 성능 측정은 현재 3가지 방법을 제공한다.

1. Browser Extention App

2014/10/31 - [튜닝/성능측정] - Chrome PageSpeed를 이용한 Front-End 성능측정

2. PageSpeed Insights 사이트를 이용하는 방법

2014/10/31 - [튜닝/성능측정] - PageSpeed insights를 이용한 성능측정

3. PageSpeed openapi를 이용



그럼 PageSpeed insights 사이트에 대해 간단히 알아보자.


장점

1. 데스크탑과 모바일을 한번에 확인할 수 있다.

2. 모바일 측정 결과에 사용자 환경에 대한 UX 적인 측정이 가능하다.(그렇게 디테일하진 않다.)


단점

1. User Agent와 같은 것을 변경하여 처리할 수 없다.


사용 방법

1. PageSpeed insights 에 접속
URL : https://developers.google.com/speed/pagespeed/insights/
측정하고자 하는 URL 을 입력 후 분석 버튼을 누른다.


2. 결과 값으로 아래와 같이 모바일 페이지의 대한 측정/사용자 환경에 대한 측정 스코어와 개선 사항을 제안해 준다.
추가적으로 캡처 화면을 제공하여 사용자가 좀 더 명확하게 알 수 있도록 제공한다.


3. 데스크톱 탭을 선택하면 데스크톱 단에서 나온 측정 스코어와 개선안을 제안해준다.




Posted by 다인,보리아빠
,

'세미나 자료' 카테고리의 다른 글

GraphQL Overview  (0) 2017.11.24
Netflix falcor Overview slide  (0) 2017.11.24
Nodejs, PhantomJS, casperJs, YSlow, expressjs 에 대해!  (0) 2014.10.31
겁나 빠른 사이트 만들기  (0) 2014.10.31
Posted by 다인,보리아빠
,

옛날에 했던 Front-end 성능 측정 관련 세미나 자료 입니다.



2014/10/31 - [세미나 자료] - Front-End 웹사이트 성능 측정 및 튜닝



Posted by 다인,보리아빠
,