Note : This is just a checklist for myself & for people who have a bit of experience with WordPress & website optimisation in general.  This is a not a full guide/tutorial. 

Recently, I had to optimise & increase the speed of an e-commerce store I was working on. (Built on WordPress/Woocommerce)

I thought It would be better to note down everything I did as a checklist for future.

The Checklist

  • Optimise Images for web (Optimised Images using Photoshop, However you can do it online or using a wordpress plugin)
  • Clean your WordPress Database (Used WP Rocket but you can also do it with the free WP Sweep)
  • Use a caching Plugin / Add caching code to your .htaccess (Used WP Rocket but you can use W3 Total Cache & also use this tutorial)
  • Defer JavaScript Loading (Used WP Rocket but Autoptimize does an awesome job too)
  • Minify HTML/CSS/JS (Used WP Rocket but Autoptimize does an awesome job too)
  • Lazy Load Images (Used WP Rocket but Autoptimize does an awesome job too)
  • Disable WP Emoji 👻 (Used WP Rocket but Autoptimize does an awesome job too)
  • Use CloudFlare OR another CDN
  • Control or disable Heartbeat API (Used WP Rocket but you can also use the free Heartbeat Control Plugin)
  • Disable/Remove plugins that are not required or are unnecessary.
  • Gzip Compression (How to)

Other General Tips

  • Use a good host. I am using Siteground in this particular case.
  • Update WordPress, plugins & your core theme regularly.
  • In general try and keep the number of requests & page size down.

That’s a lot to get you started. And this should improve your page speed considerably.

Here are the results :

Before

WP Optimisation

WP Optimisation

 

After

 

WP Optimisation

WP Optimisation

 

Tests conducted using GTmetrix & WebPageTest