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.
Head over to Google page speed test page and enter your website, hit analyze and wait for the results to show up.
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.
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.
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.
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!
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.
So far so good… lets keep going!
However, we still got some work to do since Google is showing is couple more things that we need to take care of.
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.
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.