Smushit.com demo and presentation from Ajax Experience.

1. THE PROBLEM
Optimizing images sucks.
Stoyan Stefanov Nicole Sullivan
http://phpied.com http://stubbornella.org

3. Quantify and improve the
performance of all Yahoo!
products worldwide

4. HEAVY = SLOW

5. Time to diet
From 2003 to 2008:
97K to 312K.
25.7 to 49.9 objects.

6. Images, who
cares?
Top ten websites
45.6%
page weight is images.

7. 7 MISTAKES
Image Optimization

8. mistake #1
Using GIF when PNG is smaller
20.42%

9. mistake #2
Not crushing PNG
16.05%

10. mistake #3
Not stripping JPG metadata
11.85%

11. mistake #4
Using truecolor PNG rather than PNG8

12. mistake #5
Using Alpha Image Loader
100ms
yahoo search

13. mistake #6
Serving dynamically generated images “as is”
38-55%
google charts api

14. mistake #7
Not combining images

15. SOLUTION?

16. JPEG Tran
Excellent tools,
so many options
PngOptimizer
OptiPNG

17. Two distinct problems
Design
Quality versus Optimization
Engineering

18. ONE TOOL. MANY
ALGORITHMS.
Smush it automatically crushes images using the best
open source algorithms available.

19. demo: http://smushit.com

20. Let’s keep talking...
Stoyan Stefanov Nicole Sullivan
http://phpied.com http://stubbornella.org
YSlow: Lead Developer nicole@stubbornella.org
ssttoo@gmail.com “stubbornella” on the web