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

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