Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

10 things to do to speed up your site

355 vues

Publié le

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.

Publié dans : Internet
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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