본문 바로가기

프로그래머로 살아가기

Frontend 웹페이지 성능 측정

Firefox에서 제공하는 Web Developer Toolbar ( https://addons.mozilla.org/ko/firefox/addon/60 ) 를 설치하게 되면 Tools > View Speed report 라는 메뉴가 있다.

이 메뉴는 WebSite Optimization (http://www.websiteoptimization.com/ )으로 링크가 걸려있고 현재 보고 있는 페이지의 Performance를 측정해준다.

다음 페이지는 내가 테스트한 FreeEgg의 웹퍼포먼스 측정 결과이다.

사용자 삽입 이미지

한페이지를 보여줄때 Http Request를 몇번했는지, 총 다운받는 양은 얼마가 되는지를 별도의 로그램 설치 없이 간단하게 보여준다.

그리고 HTML갯수, 이미지 갯수, CSS, JavaScript파일 갯수등이 표시가 되어서 전반적인 사이트의 최적화 정도를 측정해볼수 있어서 매우 편리하다.