How to Eliminate Render Blocking Resources & Unused JS and CSS In WordPress?
In this Blog, we will discuss how to increase our Google Page insight Score.
If you ever tried to get Google Page Speed Score? Then the following lines are the most common sentence you have seen.
“Reduce unused JavaScript”, “Reduce unused CSS”, and “Eliminate render-blocking resources”.
After Reading this Blog, I can assure you that your Google Page Speed Insights score will definitely increase.
What is render Blocking Resources?
Render blocking resources are elements on web pages that delay the loading of a web page. Most of the time they are javascript, CSS, and HTML files.
What is an Unused JS and CSS file?
If you have the HTML on your website, but the JS and CSS files are not used, then they will be downloaded again each time a user visits your website. It will increase your Page Loading time. Some of the JS loads only at the top portion of the Page but are not used in the rest of the page.
Why should we remove them?
As you know now Page speed is a Ranking Factor, It is crucial to have a good Google Page Speed Score. So to obtain a good google page speed score we have to eliminate these Problems.
I have tried all the free cache plugins like Litespeed, Autoptimized, W3 Cache, and others. But I was unable to remove those lines from Google Page Speed Insight. But now I have found a perfect Plugin to solve these problems using just one fantastic Plugin. Stay tuned.
Caution 1
Take your Database Backup to be safe. If there is any Breakdown in your website, We can always go back. For Database Backup, you can check our Blog on Database Backup.
Caution 2
Don’t Minify and Optimize CSS and JavaScript from any cache Plugin. If you are doing it, disable those settings right now.
Let’s Start Optimizing
Step 1
Go to your WordPress Dashboard, and Plugins, add new, and Search for Debloat. Now Install & Activate it.
Step 2
Now is the time to Optime CSS and Javascript Files. So, go to WordPress Dashboard Settings and then Debloat, Optimized CSS & follow these settings.
Select the option if you are using Page Builder like Elementor or WP Bakery. But if you are using any other page builder then keep it unchecked.
Step 3
Then go to Optimized JS and again follow these settings.
If you are running ads in the header sections of your website, then Uncheck the last option, otherwise, keep it checked.
Step 4
Now Clear the Cache and check Your Page Speed. You can see the changes Yourself.
Some Advice
If you can see there are other issues that are causing a low google speed insight score, Submit your email and I will get back to you. Submit your email to get our upcoming Blogs. Don’t forget to give us a review if you like our Blog.
For any Social Media and website services, you can check out the services that we provide.
Here You can Reach out to us
