Develop

웹페이지 성능 테스트 툴 설명

by hooni posted Apr 23, 2013
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
FEP Test and Tools

1. Firefox 설치 후 아래 4개 도구 설치 바랍니다.
Firefox 5.0.1 : http://www.mozilla.or.kr/ko/ 

----------------------------------------------------------------------------------------
  1) Firebug 설치

   - Firebug : https://addons.mozilla.org/en-US/firefox/addon/firebug/ 
    Compatibility table (호환성 테이블 꼭 확인하고 설치하세요)
    • Firefox 3.6 with Firebug 1.7.3
    • Firefox 4.0 with Firebug 1.7.3
    • Firefox 5.0 with Firebug 1.8.0 (and also Firebug 1.7.3)
    • Firefox 6.0 with Firebug 1.8.1 (and also Firebug 1.9a0)
    • Firefox 7.0 with Firebug 1.9a0
    • Firefox 8.0 with Firebug 1.9a0

  2) YSlow 설치
   - Yslow with FF4 : https://addons.mozilla.org/en-US/firefox/addon/yslow/  

   - Yslow with FF5 : https://addons.mozilla.org/en-US/firefox/addon/yslow/versions/
   - Yslow Chrome : https://chrome.google.com/webstore/detail/ninejjcohidippngpapiilnmkgllmakh 
 
  3) PageSpeed 설치
   - http://code.google.com/intl/ko-KR/speed/page-speed/download.html


  4) Dynatrace Ajax Edition 설치
   - http://ajax.dynatrace.com/ajax/en/download/download.aspx (가입필요)

    NHN Devcafe 
   - http://devcafe.nhncorp.com/NaverQa4/403205 

   - http://devcafe.nhncorp.com/NaverQa4/446053 (최신버전) 이거 받아서 설치하세요~
 

-----------------------------------------------------------------------------------------
2. 설치가 필요없는 데모, 실습 도구

Webpagetest
origin : http://www.webpagetest.org/ 
hosted : http://10.98.133.67/ (agent 연결안됨, history 조회용)

ShowSlow
origin : http://www.showslow.com/ 
hosted : http://10.98.133.67 /showslow (작동가능)

NSpeed PC 
- 실습용 : http://nspeed.nhncorp.com

이미지 Metadata, format, Compression rate 점검

http://regex.info/exif.cgi?
http://202.131.26.152/tools.html


-----------------------------------------------------------------------------------
도구사용사례 4.6
2010/09/13 03:48:45 GF15th 217, XP, IE6
http://10.98.133.67/result/100913_2Y/ 

2010/11/14 05:01:19 GF15th 217, XP, IE6
http://10.98.133.67/result/101104_6C/ 

Flimstrip Compare
http://10.98.133.67/video/compare.php?tests=101104_6C,100913_2Y

Video Compare
http://10.98.133.67/video/view.php?id=101104_1f4bdd42ab89a3bd105c3ae6ee3f70156df95be5 


도구사용사례 4.23

- 메타데이터 보기 : 
http://regex.info/exif.cgi?url=http%3A%2F%2Fsstatic.naver.net%2Fkeypage%2Foutside%2Ffestival%2F2010050615464332397.jpg 

- 이미지분석도구 : http://202.131.26.152/analysis 에서
http://sstatic.naver.net/keypage/outside/festival/2010050615464332397.jpg 주소를 분석해보세요.


도구사용사례 4.26
http://10.98.133.67/result/110302_N0_26/
 

도구사용사례 4.28
http://10.98.133.67/result/110302_NQ_25/ 


도구사용사례 4.31
filmstrip
http://10.98.133.67/video/compare.php?tests=110222_7%2C110222_6&thumbSize=200&ival=100

Video compare
http://10.98.133.67/video/view.php?id=110222_317d80d17ab8b8fb900936e8b955a60860f99daa