본문 바로가기

웹스타일 정보

YDN의firebug 기반 성능 분석 도구 -YSlow

YSlow는 Yahoo에서 만든 웹 페이지의 퍼포먼스를 측정하는 툴로서 Firebug의 플러그인입니다.
파이어폭스 애드온인 Firebug가 설치되어 있어야 사용할수 있으며 웹사이트의 퍼포먼스를 높이기 위해 정해진 규칙을 통해서 현재 사이트의 등급과 평가를 볼 수
YSlow는 야후에서 선정한 성능기준을 A부터 F까지 점수로 환산하여 웹사이트 성능평가를 하는 도구입니다.

 평가항목은 다음의 23가지 이다.
PERFORMANCE RULES


  1. Minimize HTTP Requests
  2. Use a Content Delivery Network
  3. Avoid empty src or href
  4. Add an Expires or a Cache-Control Header
  5. Gzip Components
  6. Put StyleSheets at the Top
  7. Put Scripts at the Bottom
  8. Avoid CSS Expressions
  9. Make JavaScript and CSS External
  10. Reduce DNS Lookups
  11. Minify JavaScript and CSS
  12. Avoid Redirects
  13. Remove Duplicate Scripts
  14. Configure ETags
  15. Make AJAX Cacheable
  16. Use GET for AJAX Requests
  17. Reduce the Number of DOM Elements
  18. No 404s
  19. Reduce Cookie Size
  20. Use Cookie-Free Domains for Components
  21. Avoid Filters
  22. Do Not Scale Images in HTML
  23. Make favicon.ico Small and Cacheable












     
    설치 및 사용방법
    1.Firebug 설치
    2.Yslow 설치
    3. 사용하기
사이트의 용도와 목적에 어울리는 설계는 분명히 존재한다. 꼭 YSlow에서 좋은 평가를 받은 사이트가 항상 최상의 성능을 발휘할 것이라는 생각은 버리는 것이 좋겠다. 참고자료 정도로 생각하자. 


모바일용 Yslow
http://developer.yahoo.com/blogs/ydn/posts/2011/06/yslowmobile/

 
YSlow for Mobile screenshot


참고 URL 
1. Firebug: http://www.getfirebug.com/
2. Yslow: http://developer.yahoo.com/yslow/
3. Rules for High Performance Web Sites:
http://developer.yahoo.com/performance/