The recommended modifications by these tools should be done to improvise the page loading time.
And Leverage Browser Caching is the most common one as enabling it helps out the visitor to have a better experience with the loading at their end.
A better page loading speed gives a better user experience. Though Google has announced page loading speed as one of their Ranking factors. So it’s important to achieve and maintain a lightening speed website.
So, in this article, we will see how to get rid of it and boost your website page speed.
There are few ways to do it with caching plugins and also through the .hta access. We will see both the ways here, and you can choose either one of them to skyrocket the blog speed.
Check out, what I got testing this website in GT Metrix
Additional Tip: Check out which plugin is slowing down your website – How to Find WordPress Plugin that Slow Down your Site
Table of Contents
- 1 Leverage Browser Caching in WordPress with W3Total Cache Plugin
- 1.1 Browser Cache
- 1.2 Set CSS and JS Expires Header Lifetime
- 1.3 Set HTML and XML Expires Header Lifetime
- 1.4 Finally, Set Media and other Files Expires Header Lifetime
Leverage Browser Caching in WordPress with W3Total Cache Plugin
W3TC is one of the popular plugins and has immense potential to boost the page speed. So let’s get into it.
Step 1. Activate and install W3Total Cache plugin from your WordPress dashboard.
Once done, you would be able to see a new option on the right side of the wp dashboard “W3 total cache.”
Step 2. Navigate to the General settings of it, now enable to the preview mode. So that the changes you are doing can be seen live even before saving the settings.
Step 3. Scroll down a bit until you see Browser Cache and Enable it by checking the box.
Step 4. Click on Save.
By enabling these options, we have activated all the browser cache options. And we are about to configure those in the below section.
Now, we are about to add the caching headers. From the left pane in the W3 Total Cache, choose browser cache to enable few more caching options.
Check all the below options in the General settings of the browser cache.
Set Last Modified header
It contains, date and time of last modified resources recorded by the origin servers. So enabling it to make the web page load faster.
Set Expires header
Make sure this is checked in, it is used to expire most of the important header files. It will enhance the browser cache files.
Set Cache Control Header
It is basically an HTTP header that actually considers a particular time and kind of file it should be cached.
Set Entity Tag (E Tag)
It can allow the caches to perform more efficiently, as it identifies a specific version of any resource. And Enabling it may save the bandwidth because the server does not have to send the complete response if the content is not modified at all. E Tag is much more effective.
Set W3 Total Cache Header
Setting up W3 Total Cache header helps to identify the optimized files already and perform a faster load.
Enable HTTP (Gzip) compression
This is one of the important factors and missed in very commonly, enabling it will reduce the download time of the entire web page all the text files.
Now, though the browser caches are being enabled and all the headers have been set. It’s time to set Expires header lifetime: (in seconds), till when you would like the browser cache to work.
In order to do that, scroll down a bit and make the changes to all.
Set CSS and JS Expires Header Lifetime
Set HTML and XML Expires Header Lifetime
Finally, Set Media and other Files Expires Header Lifetime
Step 5: Click on the Save button to make all the changes to get applied.
Now you have successfully configured W3Total Cache settings for Leverage browser caching in WordPress.
If you don’t wish to use a plugin for the same and looking for an alternate method. You can do it by editing the .hta access file.
Now, you might want to check your website back to see the difference in the number. Most importantly you reader will have a better browsing experience.
Conclusion: Page speed enhances the user experience. And this is one of the important parts of the SEO. One amongst the important ranking factors. Both the process through the plugin and also from .hta access works great.
This is only one of the tweak to enhance the speed of the WordPress website. There are few more steps to get the speed maintained. Like you can keep your WordPress database clean and also stop the post revision from WP-Config to get created or minimize the number.
I would love to listen from you about your experience on the same. And the difference it made to boost up your website speed altogether.