Develop
2013.04.23 17:57
웹페이지 성능 테스트 툴 설명
조회 수 27443 댓글 0
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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
765 | Develop | [js]모바일 웹에서 orientationchange | hooni | 2013.04.23 | 19355 |
764 | Develop | [js] 후리자(영규) 스타일들.. | hooni | 2013.04.23 | 7152 |
763 | Develop | [js] 핫키(단축키) 구현방법 | hooni | 2003.04.23 | 7629 |
762 | Develop | [js] 한글주소(URL) 인코딩(encode, Encoding), 자바스크립트(JavaScript) | hooni | 2013.04.23 | 11324 |
761 | Develop | [js] 한글문서로 된 259가지 자바스크립트 예제파일 | hooni | 2013.04.23 | 6764 |
760 | Develop | [js] 폼(form) 전송시 중복 클릭 방지 간단한 구문 | hooni | 2013.04.23 | 9314 |
759 | Develop | [js] 파이어폭스(Firefox;F/F)에서 outerHTML 작동하도록 만든 메소드 | hooni | 2013.04.23 | 16439 |
758 | Develop | [js] 툴팁.. 좋은거.. (tooltip) | hooni | 2013.04.23 | 7058 |
757 | Develop | [js] 키보드 아스키코드(ASCII) 코드보기 | hooni | 2003.04.23 | 32476 |
756 | Develop | [js] 키보드 아스키 코드 확인하는 간단한 소스 | hooni | 2003.04.23 | 7746 |
755 | Develop | [js] 큐 형식으로 배열사용.. ㅋㅋ | hooni | 2013.04.23 | 7012 |
754 | Develop | [js] 쿠키(cookie)에 대한 설명과 예제.. | hooni | 2003.04.23 | 8320 |