THE PROBLEM Optimizing images sucks. Stoyan Stefanov http://phpied.com Nicole Sullivan http://stubbornella.org
Image Optimization Lightning Talk - Ajax Experience
Jan 15, 2015
Smushit.com demo and presentation from Ajax Experience.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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
Related Documents
