After months of experimenting with various combinations, I came up with the perfect set of Wordpress plugins that gives me optimal site speed.
Here’s the five free Wordpress plugins and settings you need to improve your PageSpeed Insights score and speed up your Wordpress website.
Prior to discovering these Wordpress plugins, my website was crawling slow. I had pretty terrible PageSpeed Insights scores. My first contentful paint was a lousy 4.4 seconds for the example page below.
However, after installing the following Wordpress plugins, my page speed score improved drastically.
Instead of seeing a 4.4 second first contentful paint, I was now seeing 2.4 seconds. All other metrics also improved dramatically. I went from a 49 PageSpeed Insights score to 91.
I also saw similar website performance improvements on all of my other webpages.
It’s for that reason that I decided to share with you these Wordpress plugins and the settings I use to get my website running at an optimal site speed. Although most of these plugins have premium paid versions, the free versions are more than sufficient in speeding up your website.
1. W3 Total Cache
Although there are dozens of features within the W3 Total Cache plugin, I found the default W3 Total Cache settings to work the best for me. In other words, after installing and activating W3 Total Cache on your Wordpress site, you don’t need to change any settings. The default setting will work just fine out of the box.
This Wordpress cache plugin reduces page load time by caching web pages. For those who aren’t familiar, caching pages is the practice of storing pages in such a way that allows for faster future serving.
2 .EWWW Image Optimizer
Images tend to be one of the largest assets on a webpage, so image optimization is very important. Not only will the EWWW Image Optimizer plugin make your pages load faster, but it will also reduce bandwidth.
Again, the default EWWW Image Optimizer settings worked the best for me. I kept the default pixel perfect compression setting which is essentially a lossless compression technique. This means that your images—whether PNG, JPG, or GIF—will look the same but have a much smaller file size.
The best part about this Wordpress image optimizer plugin is that it can automatically optimize all the images that you have already previously uploaded to your website.
One last tip I will leave you with is that I always pre-compress my Wordpress images by uploading them to compressor.io. This not only reduced disk space usage, but allow you to fix the annoying “properly size images” suggestion on PageSpeed Insights.
What does minifying mean? Simply put, minifying is the act of removing unnecessary or redundant code without changing its behavior.
The Autoptimize plugs minifies your website by getting ride of code comments, extra whitespace and formatting, and removing unused code. In doing so, the size of the webpages that are delivered from your server to the client are reduced, and therefore load faster.
4. a3 Lazy Load
When you understand a bit about how the internet works, this lazy loading image plugin makes a lot of sense. You see, typically when someone navigates to a page on your website, all text and images on that page must be sent to the user’s computer or phone before he can use your page–even the ones that you have to scroll down to see. On a page with multiple images, this could take a long time to download everything, especially on slow connections.
That’s where a3 Lazy Load comes in. Rather than downloading all images at once, this Wordpress plugin only downloads the visible images on the user’s screen. Consequently, pages load much faster, and images download only when the user scrolls to make them visible.
Click here to see the a3 Lazy Load settings that I use for this website. In general, I enable lazy loading of all images, videos, and iframes. In addition, I enable script load optimization for the footer.
5. WP Disable
For example, if you don’t want your server to send emojis to your visitors, you can enable the “disable emojis” option and have your visitors’ browser display emojis locally. Additionally, WP Disable can minimize requests and load Google Fonts and Font Awesome asynchronously.
One funky thing about this plugin is that although it’s called WP Disable, it’s installed as Optimisation.io.
Now that you have a blazing fast website, let’s take it a step further and optimize your website for search engines.
In the next part of this WordPress tutorial series, we’ll be looking at installing Yoast SEO—a plugin for WordPress that is designed to help your website rank organically in search engines. In addition to helping you write better blog posts and pages, Yoast ensures your website appears in such a way that is favorable for search engines like Google.
As always, if you have any questions about optimizing your website’s site speed, let me know in the comments below. I’ll be more than happy to help you out.