WordPress Plugins That Speed Your Website UP

//WordPress Plugins That Speed Your Website UP

WordPress Plugins That Speed Your Website UP

GZip Ninja speed compression

GZip Ninja Speed Compression

GZip Ninja speed compression is a great plugin which compliments W3 Total Cache nicely.

I have optimised hundreds of websites over the years and they all react differently to optimisation plugins. I normally begin with w3 Total Cache but on this occasion (during my tutorial) my client’s website did not respond very well to the built in browser compression element of the W3 plugin, enter the GZip.

Here are a couple of before and after screen grabs from Google Page Speed Insights:

BEFORE

ageSpeed Insights BEFORE mobile PageSpeed Insights BEFORE desktop

AFTER

PageSpeed Insights after doing the general settings desktop PageSpeed Insights after doing the general settings

 

Leverage Browser Caching Ninja

I put this plugin on because the total cache plugin in this instance did not improve our score on tools.pingdom.com

Website speed test BEFORE

Here is a screenshot AFTER I installed the “Leverage Browser Caching Ninja” plugin:

Website speed test AFTER ninja plugin

You can see that the browser caching issue has gone away, however it has affected “Remove query strings from static resources” negatively.

I can also see that Google Page Insights is showing:

PageSpeed Insights after ninja browser MOBILE PageSpeed Insights after ninja browser DESKTOP

which is great! More importantly the website is still fully functional and has actually sped up.

An important point to bear in mind during this process is that the point of this exercise is to improve the User Experience (UX) and not just to check another box for Google.

Remove query strings from static resources

“Remove query strings from static resources” – in this example I am now left with this problem.

There are a number of plugins that you could choose from but my tool of choice after much testing is Query Strings Remover

Here are the results after installing that plugin:

Website speed test after Remove query strings from static resources

and once again the website is fully functional and the overall User Experience (UX) seems great.

There is still the matter of the low mobile speed to consider:

PageSpeed Insights after ninja browser MOBILE

looking at the reasons for this gives us:

Reasons for slow mobile speed

In this instance every script that I put into the minify plugin either did nothing to change the speed or it actually broke the website. For this reason I would now turn my attention to the image optimisation.

There are plenty of ways you can do this such as http://www.imageoptimizer.net/Pages/Home.aspx but for me my tool of choice is Faststone Image Resizer. I have used this tool for more than 10 years for a variety of purposes, it’s free and fantastic!

So our next step is:

  1. Connect to the our website using FTP
  2. Identify and download the images according to the Google insights tool
  3. Make a backup of the downloaded images
  4. Resize them without losing quality
  5. Using FTP re-upload them to their original location, refresh your website and check to make sure there has been no compromise on image quality or behaviour.
  6. Re-check Google insights to ensure that those images are now eliminated from the negative list.

 

By | 2017-10-16T21:10:14+00:00 October 16th, 2017|Categories: Uncategorized|0 Comments

About the Author: