Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

10 things to do to speed up your site

130 views

Published on

Louise gave a ten minute lightening talk at the WordPress London WPLDN meetup on 28th June, on ways to improve website speed. So here are our top tips and slides.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

10 things to do to speed up your site

  1. 1. 10 ways to improve your website speed louise@indigotree.co.uk @indigotreesays @louisetowler
  2. 2. Why?
  3. 3. Why? • Starting in July 2018, Google will use mobile page speed as a ranking in their mobile search results. • https://www.thinkwithgoogle.com/marketing- resources/experience-design/mobile-shopping- ecosystem
  4. 4. 1. Domain DNS • Use a fast DNS for nameservers • We use Cloudflare’s free plan • https://www.cloudflare.com/
  5. 5. 2. Better hosting • Google: less than 200ms response time • Cheap shared hosting is a false economy • We use WP Engine https://wpengine.co.uk/
  6. 6. 3. Use HTTP/2 • You have an SSL certificate don’t you? • Check your site https://http2.pro/ • If not upgrade your hosting
  7. 7. 4. php version • Check if you are running php 7 • If not, check your website is compatible and then upgrade https://wordpress.org/plugins/php-compatibility- checker/
  8. 8. 5. Enable GZIP • Check if you have GZIP enabled on your hosting https://checkgzipcompression.com/ • On Apache can use a plugin (or edit htaccess) https://wordpress.org/plugins/gzip-ninja-speed- compression/
  9. 9. 6. Use a CDN • Content Delivery Network • Static content stored on servers, delivered by server closest to browser • WP Engine, Cloudflare, MaxCDN
  10. 10. 7. Minify CSS / JS / HTML • Part of your website development process or • Use a caching plugin to fix this if necessary https://wordpress.org/plugins/autoptimize/
  11. 11. 8. Remove query strings from static resources • Cannot cache a link with a “?” in its URL • We use a plugin for <head> resources https://wordpress.org/plugins/remove-query- strings-from-static-resources/
  12. 12. 9. Reduce images sizes • Compress to remove unnecessary information without reducing quality for JPEG, PNG • We use a plugin TinyPNG https://wordpress.org/plugins/tiny-compress-images/ • Also resize images • Serve images at the correct size in your theme
  13. 13. 10. Only load code used • Do not load every script onto every page, choose the specific pages to load specific scripts • We use a plugin • https://tomasz-dobrzynski.com/wordpress- gonzales
  14. 14. 11. Review external scripts • Extra tracking codes • Embedded widgets • Unused resources e.g. emojis • Review regularly and remove as many as possible
  15. 15. Speed
  16. 16. Tools Lighthouse https://github.com/GoogleChrome/lighthouse Google Page Speed https://developers.google.com/speed/pagespeed/insights/ ySlow http://yslow.org/ WebPageTest https://www.webpagetest.org/ GTMetrix https://gtmetrix.com/ Pingdom Speed Test https://tools.pingdom.com/ Website Grader https://website.grader.com/ Page Performance https://wpengine.com/page-performance/ Google Test My Site https://testmysite.thinkwithgoogle.com/
  17. 17. louise@indigotree.co.uk @indigotreesays @louisetowler

×