Yahoo 에서 발표한 High performance web pages!!

최근에 가장 관심을 가지고 보고 있는 것은 "High Performance Web Pages" 이다.
우리가 그냥. 포탈사이트라고 알고 있는 Yahoo에서는 이러한 웹페이지의 성능을 향상시킬 수 있는 방법론 및 저작툴을 직접 만들어 배포해주고 있다.

최근 기존의 웹속도를 향상시키는 14가지 방법을 수정하고 추가하여 새롭게 업데이트를 하였다(이상하게 발표하고 나서 www.Slideshare.net 에서는 삭제가 되었다. 그래서 부득이 펌을 해왔다.)

내용중에는 레퍼런스 사이트와 관련 툴도 소개해주고 있다.

언제 한번 번역해서 함께 공유하고 싶다.

He covers the existing 14 rules, plus 20 new rules for faster web pages. We’ve categorized the optimizations into: server, content, cookie, JavaScript, CSS, images, and mobile.

1. Flush the buffer early	[server]
2. Use GET for AJAX requests	[server]
3. Post-load components	[content]
4. Preload components	[content]
5. Reduce the number of DOM elements	[content]
6. Split components across domains	[content]
7. Minimize the number of iframes	[content]
8. No 404s	[content]
9. Reduce cookie size	[cookie]
10. Use cookie-free domains for components	[cookie]
11. Minimize DOM access	[javascript]
12. Develop smart event handlers	[javascript]
13. Choose <link> over @import	[css]
14. Avoid filters	[css]
15. Optimize images	[images]
16. Optimize CSS sprites	[images]
17. Don’t scale images in HTML	[images]
18. Make favicon.ico small and cacheable	[images]
19. Keep components under 25K	[mobile]
20. Pack components into a multipart document	[mobile]