site speed hacks: open west 2015
TRANSCRIPT
![Page 1: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/1.jpg)
![Page 2: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/2.jpg)
Site Speed HacksThat will make you money
![Page 3: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/3.jpg)
![Page 4: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/4.jpg)
Average Site Speed
6.7 seconds on desktop10.2 seconds on mobile
* source
![Page 5: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/5.jpg)
Google Recommends:
1 second on all devices….
![Page 6: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/6.jpg)
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 ….
![Page 7: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/7.jpg)
![Page 8: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/8.jpg)
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
![Page 9: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/9.jpg)
![Page 10: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/10.jpg)
![Page 11: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/11.jpg)
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!
![Page 12: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/12.jpg)
I JUST CANNAE DO IT!I DINNAE HAVE THE POWER!
![Page 13: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/13.jpg)
2. Combine AND Minify all the code
• Javascript• CSS• HTML
![Page 14: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/14.jpg)
3. Remove query strings from *static* resources
![Page 15: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/15.jpg)
4. Cache & CDN• Server cache• Leverage user’s browser cache
![Page 16: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/16.jpg)
5. Minimize slow or heavy scripts & plugins• Avoid Flash and Silverlight at all costs
• Minimize reliance on Javascript
![Page 17: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/17.jpg)
I DO NOT SUPPOSE YOU COULD SPEED THINGS UP?!
![Page 18: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/18.jpg)
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)
![Page 19: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/19.jpg)
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)
![Page 20: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/20.jpg)
I THOUGHT YOU SAID THIS SHIP WAS FAST?!
![Page 21: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/21.jpg)
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
![Page 22: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/22.jpg)
Some Automatic Compression Tools• TinyPng• Compressnow• Compressor.io• JPEG-Optimizer• Image Optimizer
![Page 23: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/23.jpg)
If you’re adventurous…• jpegtran• gifsicle• optipng• pngquant• webp
![Page 24: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/24.jpg)
Truly Automatic Compression Tools• WP Smushit (WPMU Dev premium)
• EWWW Image Optimizer
![Page 25: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/25.jpg)
![Page 26: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/26.jpg)
The Best Image Compression Option:
• Manual compression in Photoshop, Illustrator, or GIMP
![Page 27: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/27.jpg)
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
![Page 28: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/28.jpg)
3.1 MB
![Page 29: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/29.jpg)
182 KB
![Page 30: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/30.jpg)
Don’t make your site visitors into this guy
![Page 31: Site Speed Hacks: Open West 2015](https://reader036.vdocuments.mx/reader036/viewer/2022070513/5885f01b1a28ab864f8b5add/html5/thumbnails/31.jpg)
Now Let’s Look at Some Real Stuff!