w3speedup.com
WHAT ARE RENDER BLOCKING RESOURCES?
Render Blocking resources are those sources on a website that blocks visitors’ browsers to render content to the screen.
– CSS files – JavaScript files – htaccess files – jQuery – Animations – Third-party code – WordPress Themes – Plugins – Fonts – Page builders
Delays the First Contentful Paint (FCP)
That affect core vitals time
Which slow down web pages speed
And increase bounce rate
That affects user experience
Ultimately impact google rankings
Render Blocking resources
1. Defer non-critical JavaScript 2. Minify your JS and CSS 3. Concatenate JavaScript and CSS
There are lots of free plugins you can find in the collection of WordPress Plugins to remove render-blocking resources – JavaScript and CSS files.
– Using Inline CSS – minification of CSS and JavaScript – lazy loading Images – deferring remote JavaScript requests – Combine & Delay Google fonts – Site Caching – Delaying secondary CSS – Cache clear – Excluding Web Pages from CSS and JS minification
03.