Best Plugin for Web Page Speed Optimization
According to Google, if your site takes more than 3 seconds to load on mobile, it is most likely that 53% of the users will abandon your site. So, someone who runs a website or a blog should make sure that their website loads fast.
Before we start, please make sure you have backed up everything. It only takes a few minutes and it will save you a lot of work if something goes wrong
Now before you start, just check your current page speed ranking and use a page that gets the most traffic. In our case, it would be a blog post.
Using GTmetrix.com or Google Page Speed Insights, you will see your overall score for mobile and for desktop it looks like currently, I have a score of 50 for mobile and 69 on the desktop that’s not very good enough.
In WordPress, Click on plugins and select Add new
in the search box type, w3 total cash, the plugin should appear as the first result
so once it does, click on install now, this plugin is very popular because it enables your server to cache your website and content.
In summary, a cache is a way to store your website without always needing to call the server. If you want to learn more about the cache, check out our previous blog on page speed.
Once it’s done installing,
- click on activate, then scroll down to the W 3 total cache plugin and click on settings, Here we will configure different types of cache. I’m going to go through them pretty fast.
- Make sure your page cache is enabled and that the page cache method set to “disk enhanced”
- Also go ahead and enabled minify option if you are getting an error in Gtmetrics and in Google Pagespeedinsight and set that mode to enable otherwise leave it.
- you can enable database cache if you’re not on a shared hosting if you use share hosting leave this disabled.
- enable object cache
- browser cache,
- you can skip the CDN and reverse proxy part.
and the rest of the settings you can leave them as default, for now, so let’s see if that helps speed ranking.
I have now 57 on mobile and 79 on the desktop. But this is actually because I didn’t build up the cache, the cache gets created when someone visits the site until it’s visited. There are no real improvements. So just go to your website with a different browser or incognito mode.
and reload the page a few times and click around other parts of the website to build up the cash.
- Go back to plugins and click on add new at the top
IN search box type smush and select the second results to re-smush.it, The first result is a super popular image compression plugin.
- However, I found
that re smush.it, is able to compress and optimize the image much better than Smush and this is how it compresses images.
- just install re-smush it and activated scroll down
and you can see that the plugin is installed.
- To access it. Click on media and select re smush plugin.
Here you’re able to optimize all your images. But let me first show you how to do it for individual images.
- Go to add new to the media.
upload an image, which is xxx kilobytes.
- Once Re-smush it, then done with it.
That’s a huge reduction when I saw it.
And when you have multiple images, they all add up. That means less bandwidth for the user a quicker page loads for your website as great.
- Let’s go back to this machine page and select optimize all
This might take a long time, especially if you have a lot of images, But once it’s done, all the images will be compressed. And you’ll see a big difference, especially if you’ve never compressed the images before.
- Once it’s done with everything. It shows you some stats here. So it was able to save me 12 megabytes from 60 images. That’s pretty good. Since I already compressed them a little bit.
- It will save a lot of bandwidth and increase page speed exponentially
At this point for me. To get closer to a score of 100, I would need to set up a CDN (Content distribution networks ) and get more powerful servers. As right now I’m using shared hosting.
- Content distribution networks (CDNs), also called content delivery networks, are networks of servers that are used to distribute the load of delivering content. Essentially, copies of your site are stored at multiple, geographically diverse data centres so that users have faster and more reliable access to your site.