Site Speed Hacks: Open West 2015
Download as PPTX, PDF0 likes337 views
Site speed impacts user experience and business metrics. Google recommends sites load in 1 second and will emphasize speed in rankings. Faster sites see increased conversion rates. The document provides 8 tips to speed up sites: 1) choose an appropriate web host, 2) combine and minify code, 3) remove query strings from static resources, 4) leverage caching and CDNs, 5) minimize slow scripts, 6) reduce external content, 7) optimize page rendering, and 8) optimize images through compression. Manual compression in tools like Photoshop can reduce image file sizes by 50-80% versus 5-30% for automated tools, yielding significant load time improvements.
![While [Google] noted at the time that...a small percentage of sites
would see a significant change in ranking or traffic due to page speed
factors, I find it likely that the emphasis will increase over time….
...Having given webmasters fair notice...it’s reasonable to expect them
to phase in greater emphasis until they feel that most of their top
results deliver a high level of performance.
- Roger Dooley ….](https://image.slidesharecdn.com/openwest2015-150903055208-lva1-app6891/85/Site-Speed-Hacks-Open-West-2015-6-320.jpg)
Site Speed Hacks: Open West 2015
- 2. Site Speed Hacks That will make you money
- 4. Average Site Speed 6.7 seconds on desktop 10.2 seconds on mobile * source
- 5. Google Recommends: 1 second on all devices….
- 6. While [Google] noted at the time that...a small percentage of sites would see a significant change in ranking or traffic due to page speed factors, I find it likely that the emphasis will increase over time…. ...Having given webmasters fair notice...it’s reasonable to expect them to phase in greater emphasis until they feel that most of their top results deliver a high level of performance. - Roger Dooley ….
- 8. Site Speed Boosts Conversion • Amazon saw 1% drop for every 100 ms increase in load time • For Walmart, conversions doubled from 3 second load time to 1 second • Google saw 20% decrease in search traffic with ½ second increase in load time • Shopzilla saw 12% increase in conversions between faster and slower pages • Mozilla saw 15.4% increase in Firefox downloads in an A/B test with speed as the only variant • Microsoft saw .7% increase in traffic after enabling progressive rendering on Bing search pages
- 11. 1. Choose an Appropriate Web Host • Avoid shared hosting if you can • Nginx performs better than Apache out of the box • Hosts running newer versions of PHP are usually faster • Dedicated host for your CMS • Most dedicated hosts have built-in redundancies for traffic spikes, CDN and caching • VPS generally rocks!
- 12. I JUST CANNAE DO IT! I DINNAE HAVE THE POWER!
- 13. 2. Combine AND Minify all the code • Javascript • CSS • HTML
- 14. 3. Remove query strings from *static* resources
- 15. 4. Cache & CDN • Server cache • Leverage user’s browser cache
- 16. 5. Minimize slow or heavy scripts & plugins • Avoid Flash and Silverlight at all costs • Minimize reliance on Javascript
- 17. I DO NOT SUPPOSE YOU COULD SPEED THINGS UP?!
- 18. 6. Minimize use of external content • Embedded external content • Videos • Social feeds • Ads • Google Fonts (not all created equal) • NEVER use image files loading from another site (hotlinking)
- 19. 7. Optimize how the page renders (DOM) • CSS in the header • Javascript in the footer • If your site has a lot of images, use Lazy Load (JS)
- 20. I THOUGHT YOU SAID THIS SHIP WAS FAST?!
- 21. 8. Image Compression • Proper file type choice • Minimize use of .gif • Use “Save for Web” in Photoshop, Illustrator, or the “Save for Web” extension for GIMP
- 22. Some Automatic Compression Tools • TinyPng • Compressnow • Compressor.io • JPEG-Optimizer • Image Optimizer
- 23. If you’re adventurous… • jpegtran • gifsicle • optipng • pngquant • webp
- 24. Truly Automatic Compression Tools • WP Smushit (WPMU Dev premium) • EWWW Image Optimizer
- 26. The Best Image Compression Option: • Manual compression in Photoshop, Illustrator, or GIMP
- 27. What’s the difference? • 5-30% file size savings with automated tools • Usually 50-80% savings with manual tools • That could mean the difference of SECONDS in load time
- 28. 3.1 MB
- 29. 182 KB
- 30. Don’t make your site visitors into this guy
- 31. Now Let’s Look at Some Real Stuff!
- 32. Feel Free to Ask Questions Later Too dustin@eightyandeight.com @dustinnay