Select Page

Page Speed Checks

< All Topics
Table of Contents

GT Metrix

Head to https://gtmetrix.com/ and enter the page to test.  Examine the results and take any recommended actions you can.

Google Page Speed Insights

September 2019 comment: The below information is outdated and needs replacing. Some of it is relevant, but most no longer is.

Go to https://developers.google.com/speed/pagespeed/insights/ and enter the website URL, then press analyze.

Google will show you the scores for the mobile and desktop versions of the website.

If it’s below 70, apply the following fixes:

  • On the PageSPeed Insights page, Scroll down to “Download optimized image, JavaScript, and CSS resources for this page.” Download the link provided. We’re only interested in the images at this point.
  • Head back to the website you’re dealing with and replace the images with the compressed ones you just downloaded. This can be tricky and annoying since Google doesn’t tell you *where* the images are, but they’re usually on the front page somewhere. Be sure to check background images for modules such as contact forms.
  • Run the PageSpeed test again to see if you missed any images. You probably did if it’s a larger website.
  • Once you’ve done your best with replacing the images, install the Autoptimize plugin (available on Basecamp, or just search for it on the plugins page). Once activated, go to the plugin’s settings and check the 2 check boxes for HTML Options and CSS Options. Leave the CDN field blank. Press Save and Empty Cache, and check if the website isn’t broken. If it looks good, re-run the Page Speed test.
  • At this point you can also check the Javascript check box in Autoptimize to further increase the score, but be careful. This can sometimes break the styling of the website. If at any point the website breaks after messing with Autoptimize, simply disable the plugin. This usually fixes it.

If the final score is around 70 or above, you’re good to go. If it’s still low / red, ask for more assistance.