Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Shropgeek Rebellion: Web Performance Improvements In One Hour

Ben Everard
November 21, 2013

Shropgeek Rebellion: Web Performance Improvements In One Hour

My slides for my talk at the fantastic Shropgeek Rebellion (November 12st, 2013), all about performance improvements you can make in one hour.

Ben Everard

November 21, 2013
Tweet

More Decks by Ben Everard

Other Decks in Technology

Transcript

  1. “If an e-commerce site is making $100,000 per day, a

    1 second page delay could potentially cost $2.5 million in lost sales every year.” http://blog.kissmetrics.com/loading-time/?wide=1
  2. “Amazon found that it increased revenue by 1% for every

    100 milliseconds of improvement” http://sites.google.com/site/glinden/Home/StanfordDataMining.2006-11-28.ppt
  3. Mobile Visit Exmoor site http://m.visit-exmoor.co.uk At Exmoor speeds... Weighs 2MB

    • Entire site loaded in 7.2 minutes • 30 seconds before anything is visible
  4. Mobile Visit Exmoor site http://m.visit-exmoor.co.uk At Exmoor speeds... Weighs 2MB

    • Destroyed my phone battery • Entire site loaded in 7.2 minutes • 30 seconds before anything is visible
  5. 75% of page weight in these two images Mobile Visit

    Exmoor site http://m.visit-exmoor.co.uk
  6. Image optimisation • Serve appropriate image sizes • Compress images

    • Use progressive JPEGs • Tools such as CodeKit, ImageOptim
  7. Caching • Be explicit • Allow the browser to keep

    files • Use cache busting to renew cached files
  8. Caching • Be explicit • Allow the browser to keep

    files • Use cache busting to renew cached files • Code in talk notes
  9. Loading assets CSS at the top Within the <head> element

    JavaScript at the bottom Just before closing </body> tag
  10. What have we learnt? 1) Reduce requests 2) Reduce page

    weight 3) Be explicit with caching 4) Loading assets 5) Use a CDN