How to Eliminate Render-Blocking Resources on WordPress (CSS + JavaScript)

by | Feb 23, 2021 | 0 comments

How to Eliminate Render-Blocking Resources on WordPress (CSS + JavaScript)

by | Feb 23, 2021 | CSS Tips and Tricks | 0 comments



Getting rid of render-blocking resources on your WordPress site can be an easy task if you use the right plugins 🔌 Check out how to tweak your settings and improve your site’s speed!
👉Subscribe: https://www.youtube.com/c/Kinsta?sub_confirmation=1

If you’ve ever tried running your site through Google PageSpeed Insights, you were probably advised to eliminate render-blocking resources from your pages. When Google tells you to eliminate render-blocking resources, it’s essentially advising you not to load unnecessary resources at the top of your site’s code, because that slows down browsers when downloading your visual content.

This tutorial will break down what render-blocking resources are and show you how to eliminate them from your WordPress site. With the tips we’ll give you, you’ll be able to configure certain CSS and JavaScript resources to delay processing until the visible part of your page has loaded.

___________________________________________________________________________

🕘Timestamps

0:00 How to Eliminate Render-Blocking Resources on WordPress (CSS + JavaScript)
1:35 How to Eliminate Render-Blocking JavaScript
2:45 How to Eliminate Render-Blocking CSS
3:45 How to Eliminate Render-Blocking Resources with WordPress Plugins
4:42 How to Eliminate Render-Blocking Resources with Autoptimize + Async JavaScript Plugin
6:05 How to Eliminate Render-Blocking Resources with WP Rocket

___________________________________________________________________________

📚Resources

📙 Check out our written guide on how to eliminate render-blocking resources on WordPress:
â–º https://kinsta.com/blog/eliminate-render-blocking-javascript-css/

🎯How to Optimize the Critical Rendering Path in WordPress
â–º https://kinsta.com/blog/critical-rendering-path/

⚙️How to Set Up Autoptimize for Your WordPress Site
â–º https://kinsta.com/blog/autoptimize-settings/

↪️How to Defer Parsing of JavaScript in WordPress (4 Methods)
â–º https://kinsta.com/blog/defer-parsing-of-javascript/

🚀Kinsta and WP Rocket: Now Speeding up WordPress Together
â–º https://kinsta.com/blog/wp-rocket/

___________________________________________________________________________

ℹ️ About Kinsta

Kinsta is a managed WordPress hosting company powered by Google Cloud Platform, top security engineering, and 24/7 support.

Learn more about what makes us different at https://kinsta.com/why-us/ and get a demo at â–ºhttps://demo.kinsta.com.

🔔SUBSCRIBE to our Channel 👉https://www.youtube.com/c/Kinsta?sub_confirmation=1

👤Follow us:
â–º https://twitter.com/kinsta
â–º https://facebook.com/kinstahosting
â–º https://instagram.com/kinstahosting

#WordPressTutorial #RenderBlocking #Kinsta

source

0 Comments

Submit a Comment

What Our Clients Are Saying

Gloss Beauty Truck

Without the support and help of Leland my business would not be half of what it is. he puts the...

Tammie, Gloss Beauty Truck

Dieno Digital Marketing Services
5
2018-04-27T01:09:38+00:00

Tammie, Gloss Beauty Truck

Without the support and help of Leland my business would not be half of what it is. he puts the extra mile in to what he does to help make it easy from someone like myself who is incompetent with computers. I am so lucky to have him apart of my back end team. He's amazing at what he does .

Divorce For Men Publishing

Leland always executes effective social media campaigns that prove to have a return on investment.

C, Divorce For Men Publishing

Dieno Digital Marketing Services
5
2018-04-27T01:11:58+00:00

C, Divorce For Men Publishing

Leland always executes effective social media campaigns that prove to have a return on investment.

Travco RV

Leland lets me focus on running my business while he takes care of the digital marketing for us. He really...

Rod, Travco-Rv.com

Dieno Digital Marketing Services
5
2018-04-27T20:16:51+00:00

Rod, Travco-Rv.com

Leland lets me focus on running my business while he takes care of the digital marketing for us. He really takes care of our companies marketing with his expertise and has a lot of great ideas. We are very fortunate to  have him helping us with fresh new ideas.

British Columbia Coalition Of Motorcyclists

We've been working with Dieno Digital, for the past year and a half now and couldn't be happier with all...

Tara, British Columbia Coalition Of Motorcyclists

Dieno Digital Marketing Services
5
2018-04-27T22:05:28+00:00

Tara, British Columbia Coalition Of Motorcyclists

We've been working with Dieno Digital, for the past year and a half now and couldn't be happier with all the updates  to our website. Leland is always very responsive and able to answer all of questions or fix any issues in no time at all. We look forward to continuing to expanding and broadening our website with Dieno Digital.
5
4
Dieno Digital Marketing Services
[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-name">First name or full name</label> <input class="tnp-name" type="text" name="nn" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-email">Email</label> <input class="tnp-email" type="email" name="ne" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>