Yahoo!’dan Yeni Performans İpuçları
Yahoo! uzun bir süredir Developer ağını kullanarak geliştiricilerin de ilgilsini çekmeyi başardı. Yayınladıkları araçlar, tasarım şemaları gibi materyallerle web geliştiricilerin de sık sık uğradığı siteler arasında yerini aldı. Yahoo! Developer Network'ün yayınladığı Firebug ile çalışan YSlow ise Firefox tarayıcımızda baş köşeye oturdu. Bu araç web sitesinin hangi noktalarda yavaşladığını size dellilleriyle beraber sunuyor. Web sitelerinin içeriklerinin yanı sıra performanslarının da tartışıldığı bir dönemdeyiz.
Stoyan Stefanov da Yahoo!'da çalışıyor ve Yahoo! Developer Network'ün önceden yayınladığı 14 performans kuralına ek olarak 20 yeni kural getiriyor ve bu kuralları sunucu, içerik, cookie, JavaScript, CSS, grafikler ve mobil olarak kategorilendiriyor.
Stefanov'un konuyla ilgili sunumunu Ajaxian'da izleyebilirsiniz.
Yeni 20 kural ise şöyle:
| 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] |