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