Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Image Optimization Lightning Talk - Ajax Experience

11,267 views

Published on

Smushit.com demo and presentation from Ajax Experience.

Published in: Technology, Art & Photos
  • Be the first to comment

Image Optimization Lightning Talk - Ajax Experience

  1. THE PROBLEM Optimizing images sucks. Stoyan Stefanov Nicole Sullivan http://phpied.com http://stubbornella.org
  2. Quantify and improve the performance of all Yahoo! products worldwide
  3. HEAVY = SLOW
  4. Time to diet From 2003 to 2008: 97K to 312K. 25.7 to 49.9 objects.
  5. Images, who cares? Top ten websites 45.6% page weight is images.
  6. 7 MISTAKES Image Optimization
  7. mistake #1 Using GIF when PNG is smaller 20.42%
  8. mistake #2 Not crushing PNG 16.05%
  9. mistake #3 Not stripping JPG metadata 11.85%
  10. mistake #4 Using truecolor PNG rather than PNG8
  11. mistake #5 Using Alpha Image Loader 100ms yahoo search
  12. mistake #6 Serving dynamically generated images “as is” 38-55% google charts api
  13. mistake #7 Not combining images
  14. SOLUTION?
  15. JPEG Tran Excellent tools, so many options PngOptimizer OptiPNG
  16. Two distinct problems Design Quality versus Optimization Engineering
  17. ONE TOOL. MANY ALGORITHMS. Smush it automatically crushes images using the best open source algorithms available.
  18. demo: http://smushit.com
  19. 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

×