Your SlideShare is downloading. ×
0
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Image Optimization Lightning Talk - Ajax Experience
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Image Optimization Lightning Talk - Ajax Experience

7,699

Published on

Smushit.com demo and presentation from Ajax Experience.

Smushit.com demo and presentation from Ajax Experience.

Published in: Technology, Art & Photos
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,699
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
57
Comments
0
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×