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

Quantify and improve the
performance of all Yahoo!
products worldwide

HEAVY = SLOW

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

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

7 MISTAKES
Image Optimization

mistake #1
Using GIF when PNG is smaller
20.42%

mistake #2
Not crushing PNG
16.05%

mistake #3
Not stripping JPG metadata
11.85%

mistake #4
Using truecolor PNG rather than PNG8

mistake #5
Using Alpha Image Loader
100ms
yahoo search

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

mistake #7
Not combining images

SOLUTION?

JPEG Tran
Excellent tools,
so many options
PngOptimizer
OptiPNG

Two distinct problems
Design
Quality versus Optimization
Engineering

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

demo: http://smushit.com

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