http://zoompf.com/downloads/Zoompf%20-%20Achieving%20Better%20Image%20Optimization %20with%20Lossy%20Techniques.pdf For JPG (photos): • ALWAYS SAVE AS PROGRESSIVE • if q> 85 – Reduce to 85 always (> 90 has no benefits) – Consider Q 75 if it saves more than 30% • If pixel area < 10,000 – Always reduce to 60. Lower if possible • Consider tweaking – Blurs, softens, sharpens, etc
http://zoompf.com/downloads/Zoompf%20-%20Achieving%20Better%20Image%20Optimization %20with%20Lossy%20Techniques.pdf For JPG (photos): • ALWAYS SAVE AS PROGRESSIVE • if q> 85 – Reduce to 85 always (> 90 has no benefits) – Consider Q 75 if it saves more than 30% • If pixel area < 10,000 – Always reduce to 60. Lower if possible • Consider tweaking – Blurs, softens, sharpens, etc For PNG (all else): PNG24 to PNG8 – When < 5000 colors – When < 10,000 pixel area • PNG to JPEG – Per case, apply when > 30% savings
Cutting code in ½ can mean more than 2.5x faster sites! http://benfrain.com/css-performance-revisited-selectors-bloat-expensive-styles/ The biggest killer is bloat (redundant / unused styles)