How to increase Google page speed?

Having a fast loading website is very important to the users and search engines. Users want to enter your website and have everything ready in split second, if not they will hit the back button and never come back. This will make a user very upset, create higher bounce rates and just overall bad experience because nobody wants to wait for anything, especially on the web.

Let’s start.

Head over to Google page speed test page and enter your website, hit analyze and wait for the results to show up.
google page speed

As you can see, we are not looking to good, time to fix it.

Head over to your WordPress site, go to plugins and search for WP Fastest Cache, install the plugin and activate it. The plugin should appear in your WordPress admin panel.

Here is how to configure it.

wp fastes cache

By selecting the options above you should already have your page speed increase, but just before make sure to head over to your website and check if the plugin did not break and elements and that everything is working properly. Sometimes you might encounter problems where the plugin will not display certain images, break JavaScript or damage other elements.

google page speed

As you can see we increased our page speed by 22 ‘points’ on Desktop, and 18 ‘points’ on Mobile.

Now, lets look at what Google is throwing at us, and try to fix it.

image compression problems

Google is telling us to fix images. If we reduce their size to 69.4KiB it will give us a 11% reduction.

Now, go back to your WordPress site, go to plugins and search for Smush it, install, and active it.
Next, head up to MediaBulk Smush it. This plugin will smash and compress all of the images that were uploaded to the website.

smush it

Then select “Run all of my images through smush it” (depending on how many images you have, there will be en estimate time that it will take to process all the images)

After it’s done, you will see: “Smush.it finished processing.”

Now, lets go back to Google Page Speed, and see if the problem is fixed.

We finally see that lovely green color… but we still have some work to do!

compressing files smush it

As you can see above, we still have to optimize and compress couple more images, so go ahead and download them all. We will be using http://compressnow.com/ tool to optimize them. Upload the images and compress them by following the instructions.

This is what you should see after running the compression and checking again with Google Page Speed.

optimized images

So far so good… lets keep going!

Now, we will concentrate on minifing your HTML/CSS and JavaScript, this will speed up the website and load files smoothly. Head over to plugins and search for Wp Minify, from there install it and hit activate.

wp minify

By selecting the options above we will tighten up the loading and size of the HTML/CSS and JavaScript, this will increase our page speed. Go back to your site and make sure everything looks okay, sometimes depending on a theme you are using there might be errors and damaged elements because some files won’t load, etc. If everything looks fine, when going to see results from Google Page speed this is what you should have:

minified css and html

However, we still got some work to do since Google is showing is couple more things that we need to take care of.

google page speed errors

In order to take care of all those things at once, we will install a very powerful plugin called W3 Total Cache, so head up to plugins, find it, install and activate.

After that go back to your admin panel, and at the end of all the modules you should see a tab called Performance, open it and follow the instructions below.

w3 total cache

I suggest checking your site back and forth by activating a new task when using W3 Total Cache, because I had many situations that the plugin would kill some of the sliders and other CSS elements.

After completing all the tasks this is what you should end up with.

fast google page speed