image optimization lightning talk - ajax experience

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.

demo: http://smushit.com

Let’s keep talking... Stoyan Stefanovhttp://phpied.comYSlow: Lead Developerssttoo@gmail.com

Nicole Sullivanhttp://stubbornella.orgnicole@stubbornella.org“stubbornella” on the web