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

Video Description

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/ ___________________________________________________________________________ 🔇This video has captions (translated by real humans!) in English, Spanish, Italian, French, Portuguese, German, Dutch, Japanese, Danish and Swedish. Click on the CC to set your preferred language. ℹ️ About Kinsta Kinsta provides Managed WordPress Hosting for projects of all sizes, serving over 120,000+ businesses worldwide. Officially recommended by Google Cloud, Kinsta leverages Google's Premium Tier network and the fastest C2 and C3D machines to guarantee lightning-fast load times. Kinsta provides enterprise-level security, a free global edge CDN with 260+ PoPs, and 24/7/365 support. Try Kinsta's Managed WordPress hosting for free, with your first month on us! 🚀 Don’t let unnecessarily complicated and underperforming hosts delay your projects. Explore our plans to find the perfect fit to run your WordPress sites ► https://kinsta.com/pricing/ 💡Learn more about Kinsta’s hosting solutions 👉Managed WordPress Hosting: https://kinsta.com/wordpress-hosting/ 👤Follow us: ► https://kinsta.com/blog/ ► https://kinsta.com/newsletter/ ► https://twitter.com/kinsta ► https://instagram.com/kinstahosting ► https://facebook.com/kinstahosting #WordPressTutorial #RenderBlocking #kinsta