출처] http://developer.yahoo.com/performance/rules.html
Yahoo! 성능개선팀의 우수 사례(best practice)가 모여 웹 사이트 성능 최적화 14개 법칙
- Minimize HTTP Requests(HTTP요청을 최소화하라)
- Use a Content Delivery Network(CDN을 이용하라)
- Add an Expires or a Cache-Control Header(응답헤더에 Expires 혹은 Cache-Control을 추가하라)
- Gzip Components(gzip으로 압축하라)
- Put Stylesheets at the Top(스타일시트는 문서의 위쪽에 넣어라)
- Put Scripts at the Bottom(스크립트는 문서의 아래쪽에 넣어라)
- Avoid CSS Expressions(CSS Expression을 피하라)
- Make JavaScript and CSS External(자바스크립트와 CSS는 외부 파일로 만들어라)
- Reduce DNS Lookups(DNS 검색을 줄여라)
- Minify JavaScript and CSS(자바스크립트와 CSS의 크기를 작게 하라)
- Avoid Redirects(리다이렉션을 피하라)
- Remove Duplicate Scripts(중복 스크립트를 제거하라)
- Configure ETags(ETags를 설정하라)
- Make Ajax Cacheable(AJAX도 캐싱할 수 있도록 만들어라)
- Flush the Buffer Early(버퍼를 빨리 비워라)
- Use GET for AJAX Requests(AJAX 요청 시 GET을 사용하라)
- Post-load Components (사후 구성 컴포넌트)
- Preload Components(사전 구성 컴포넌트)
- Reduce the Number of DOM Elements(DOM 요소의 개수를 줄여라)
- Split Components Across Domains(컴포넌트를 도메인별로 분리하라)
- Minimize the Number of iframes(IFrame의 개수를 최소화하라)
- No 404s(404 오류가 발생하지 않게 하라)
- Reduce Cookie Size(쿠키의 크기를 줄여라)
- Use Cookie-free Domains for Components(컴포넌트는 쿠키가 없는 도메인을 사용하라)
- Minimize DOM Access (DOM 접근을 최소화하라)
- Develop Smart Event Handlers (이벤트 핸들러를 잘 개발하라)
- Choose <link> over @import(@import보다는 <link> 태그를 써라)
- Avoid Filters(CSS 필터를 피하라)
- Optimize Images(이미지를 최적화하라)
- Optimize CSS Sprites(CSS 스프라이트를 최적화하라)
- Don’t Scale Images in HTML(HTML로 지정한 크기보다 큰 이미지를 사용하지 마라)
- Make favicon.ico Small and Cacheable(favicon.ico 파일은 작게 만들고 캐싱되도록 만들어라)
- Keep Components under 25K(컴포넌트 크기를 25KB 이하로 유지하라)
- Pack Components into a Multipart Document(컴포넌트를 멀티파트 문서로 묶어라)
- Avoid Empty Image src(이미지의 src 속성 값을 빈 채로 만들지 마라)