How to get 100/100 Google Page Speed Insights Score


Image Source: Andrew Hawkes Photography

I will do my best to cover all of the techniques that I use to get a ridiculously good looking Google Page Speed Score!

I initially hoped that I would be able to deal with this all in one post! Clearly I was wrong, there is just far too much to cover in one page, so I have split them over several:

  1. Optimising & Loading JavaScript
  2. Optimising & Loading CSS
  3. Loading Custom Fonts
  4. Setting Cache Headers in NGINX
  5. Optimising Images
    1. Compressing / Minifying decorative template images
    2. Compressing images served by the CraftCMS - coming soon
  6. Setting up Varnish - coming soon