How to Fix Render-Blocking JavaScript and CSS in WordPress

How to Eliminate render-blocking JavaScript and CSS on WordPress
Dana Cooper

Hi. I was really pleased to find your easy to follow instructions. However, I have had very little success. I was already using W3 Total Cache, so I was familiar with the general interface. I did exactly as you suggested and pasted in the js and css URLs. However, when I purged the cache and saved and ran the page speed test again, I got a warning “The URL was fetched, but nothing was rendered. Ensure that the URL points to an HTML page that loads successfully in a web browser.” Sure enough, the site was now not loading at all. I have now deactivated both JS and CSS minification so the site is working, but the speed is now ‘Poor’.

How to fix render-blocking Javascript and CSS in WordPress
Lan Pacheco

Once the website is tested in Google PageSpeed Insights you will get a page with site score and recommendations to increase this score. Usually, websites gain 50-70 scores. It’s up to you to follow recommendations you see on that page or not. But remember that site speed influence your website performance.

How to Fix Render-Blocking JavaScript and CSS in WordPress
Genevieve White

Why do You Need to Eliminate Render-Blocking JavaScript and CSS in WordPress?
When it comes to perfect user experience and user retention, the speed of your webpages comes as a top priority. Speed matters the most when a user lands on your website and takes a journey across the web pages. When a new branded product comes out, people rush to be the first to see or buy it. Whenever something exclusive happens, reporters and journalists do their best to be the first to announce it and millions of people are glued to their mobiles or TVs to waiting for it. And as we might expect, people want the same fluidity and speed when browsing your site. They are going to wait only for nanoseconds for your site or page to be loaded. On the whole, the speedy performance of a website is what determines your success in the digital realm.

HostPapa Knowledge Base
Chelsea Gray

As you may be aware, most websites comprise a combination of HTML, CSS, Javascript and PHP code which add content, formatting and interactivity to the site. When rendering a web page, browsers will load scripts and CSS code first, before moving on to HTML. Delays in loading scripts and CSS prevent users from seeing any content on screen (hence the term “render-blocking”). While the delay can be mere milliseconds, the site will appear “slow” to the user.

Be the first to comment

Leave a Reply

Your email address will not be published.