크롬용 웹페이지 성능 분석 툴, Speed Tracer

[truefeel]

http://googleblog.blogspot.com/2009/12/faster-apps-for-faster-web-introducing.html
http://code.google.com/intl/ko-KR/webtoolkit/speedtracer/

구글 크롬 브라우저 확장용(Google Chrome extension) 웹페이지 성능 분석 툴이다. 웹개발자와 SE에게 유용한 툴이 될 것이다.

[ Speed Tracer 의 event 요소 분석 ]


[ Speed Tracer 의 network 분석 ]


분석 결과가 상세하긴한데, YSlow보다는 이해하기가 어려운 편. 이 정보를 제대로 활용하려면 Speed Tracer 보는 법 부터 익혀야할 듯. 웹페이지 처리를 분석한 event 요소와 Request와 Response 요청을 분석한 network 요소로 구분된다. network 요소에서는 Request와 Response 타임을 각각 연한 하늘색과 진한색으로 표시해준다.

이외 툴로는 Yslow, Firebug, Page Speed( http://code.google.com/intl/ko/speed/page-speed/ ), PageTest( http://www.webpagetest.org), Fiddler(웹 패킷 분석, 윈도우용), httpwatch 등이 있다.
HTTP Header볼 때는 w3m, lynx, furl, telnet, HEAD(HEAD는 LWP 라이브러리를 사용하는 perl 스크립트) 등.

이외 참고할만한 것은 ' Visual Round Trip Analyzer를 사용하여 웹 페이지를 더 빠르게 만드는 12단계 과정 '.



※ 2009.12.9(수) 커피닉서끼리 나눴던 이야기를 토대로 작성