![The sluggish Web ,[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-2-2048.jpg?cb=1668048919)
![Exceptional Performance at Yahoo! ,[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-3-2048.jpg?cb=1668048919)
![The Performance Golden Rule ,[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-5-2048.jpg?cb=1668048919)
![List of 14 best practices (updated) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://developer.yahoo.com/performance/rules.html content server server server server javascript javascript javascript javascript content css css css css content content](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-6-2048.jpg?cb=1668048919)
![Flush the buffer early ,[object Object],[object Object],[object Object],[object Object],Components download in parallel with HTML](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-11-2048.jpg?cb=1668048919)
![Post-load components ,[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-13-2048.jpg?cb=1668048919)
![Post-load components ,[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-14-2048.jpg?cb=1668048919)
![Preload components ,[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-15-2048.jpg?cb=1668048919)
![Preload - Unconditional ,[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-16-2048.jpg?cb=1668048919)
![Preload - Conditional ,[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-17-2048.jpg?cb=1668048919)
![Preload - Anticipated ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-18-2048.jpg?cb=1668048919)
![Reduce DOM elements ,[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-19-2048.jpg?cb=1668048919)
![Reduce DOM elements ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-20-2048.jpg?cb=1668048919)
![Avoid filters – AlphaImageLoader ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-24-2048.jpg?cb=1668048919)
![Avoid AlphaImageLoader ,[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-25-2048.jpg?cb=1668048919)
![Avoid filters ,[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-26-2048.jpg?cb=1668048919)
![Hmm, images? ,[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-28-2048.jpg?cb=1668048919)
![Optimize images ,[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-33-2048.jpg?cb=1668048919)
![Optimize images ,[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-37-2048.jpg?cb=1668048919)
![Optimize CSS sprites ,[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-38-2048.jpg?cb=1668048919)
![To sprite or not to sprite? ,[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-40-2048.jpg?cb=1668048919)
![URLs – Exceptional Performance ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-43-2048.jpg?cb=1668048919)
![URLs (contd.) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-44-2048.jpg?cb=1668048919)
![Take-home ,[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/after-yslow-a20080626-1214534918405538-9/75/after-yslow-a-46-2048.jpg?cb=1668048919)
After YSlow "A"
•10 likes•3,261 views
Report
Share
Download to read offline
YDN Tech talk given on 6/26/2008
More Related Content
What's hot
What's hot(20)
![There Are No “Buts” in Progressive Enhancement [Øredev 2015]](https://cdn.slidesharecdn.com/ss_thumbnails/therearenobutsinprogressiveenhancementredev-151106102141-lva1-app6892-thumbnail.jpg?width=768&fit=bounds)
Viewers also liked
Viewers also liked(20)
Similar to After YSlow "A"
Similar to After YSlow "A"(20)
Recently uploaded
Recently uploaded(20)
After YSlow "A"
- 1. After YSlow “A”: 20 more ideas for improving the user experience Nicole Sullivan nicolesl@yahoo-inc.com http://www.stubbornella.org Stoyan Stefanov stoyan@yahoo-inc.com http://www.phpied.com http://developer.yahoo.com/performance
- 7. After YSlow “A”: 20 more best practices
- 10. tag: server
- 12. tag: content
- 21. tag: javascript
- 22. Develop smart event handlers
- 23. tag: css
- 27. tag: images
- 29. What % of page weight is images? Average 45.6% 1 Yahoo! 29% 2 Google 75% 3 YouTube 62% 4 Live.com 64% 5 MSN 41% 6 MySpace 48% 7 Wikipedia 39% 8 Facebook 35% 9 Blogger 27% 10 Yahoo! JP 36%
- 30. GIF-to-PNG Average 20.42% savings LOSSLESS!
- 31. Crush PNG Average 16.05% savings LOSSLESS!
- 32. Strip JPEG metadata Average 11.85% savings LOSSLESS!
- 34. Case study: Google charts API 1 2 3
- 35. Case study: Google charts API 1 2 3 Original (707 colors)
- 36. Case study: Google charts API Original (1408 colors) Crushed (1408 colors) PNG8 (256 colors) 25% saving 55% saving (1000+ colors are lost but who can tell?)
- 39. Optimize sprites Horizontal may be smaller
- 41. tag: mobile
- 42. Mobile Performance Research Reduce the size of each component to 25 Kb or less. http://yuiblog.com/blog/2008/02/06/iphone-cacheability/ iPhone
- 45. Credits – thank you!
- 47. Thank you! Nicole Sullivan nicolesl@yahoo-inc.com http://www.stubbornella.org Stoyan Stefanov stoyan@yahoo-inc.com http://www.phpied.com http://developer.yahoo.com/performance
Editor's Notes
- Nicole