image optimization lightning talk - ajax experience
DESCRIPTION
Smushit.com demo and presentation from Ajax Experience.TRANSCRIPT
THE PROBLEMOptimizing images sucks.
Stoyan Stefanovhttp://phpied.com
Nicole Sullivanhttp://stubbornella.org
Quantify and improve the performance of all Yahoo!
products worldwide
HEAVY = SLOW
Time to dietFrom 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 MISTAKESImage Optimization
mistake #1Using GIF when PNG is smaller
20.42%
mistake #2Not crushing PNG
16.05%
mistake #3Not stripping JPG metadata
11.85%
mistake #4Using truecolor PNG rather than PNG8
mistake #5Using Alpha Image Loader
100msyahoo search
mistake #6Serving dynamically generated images “as is”
38-55% google charts api
mistake #7Not combining images
SOLUTION?
Excellent tools, so many options
JPEG Tran
PngOptimizer
OptiPNG
Two distinct problems
Quality versus Optimization
Design
Engineering
ONE TOOL. MANY ALGORITHMS.
Smush it automatically crushes images using the best open source algorithms available.
Let’s keep talking... Stoyan Stefanovhttp://phpied.comYSlow: Lead [email protected]
Nicole Sullivanhttp://[email protected]“stubbornella” on the web