Fix Google PageSpeed Eliminate render-blocking JavaScript and CSS in above-the-fold content

Solve render blocking Javascript and CSS

The Google PageSpeed [1] test “eliminate render-blocking JavaScript and CSS in above-the-fold content” propose you to delivers your site’s JS and CSS files after the HTML is fully loaded – and, therefore, do not pause your HTML loading to download them.

Did you know that you can even have all these steps executed automatically for you by using an external Site Speed Accelerator‌ technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform‌ offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

Get green and solve Google Page Speed Issues with Ezoic Site Speed Accelerator – free trial
Get green and solve Google Page Speed Issues with Ezoic Site Speed Accelerator – free trial 

Defer Javascript files load

In order to defer load of your JS files [2], you can either add the async or defer instruction to your scripts links. Async will not guarantee that they are loaded in the same sequence – therefore, if you have several scripts that should run one after the other, defer is preferable to guarantee the sequence :

<script defer type="text/javascript" src="./js/mootools-more-"></script>

Load CSS after HTML load

For the CSS to be loaded after the full HTML is transmitted, Google proposes [3] this piece of code to add at the end of your HTML, for example after footer closing tag and before body closing tag :

 var cb = function() {
 var l = document.createElement('link'); l.rel = 'stylesheet';
 l.href = './style.css';
 var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
 var raf = requestAnimationFrame || mozRequestAnimationFrame ||
 webkitRequestAnimationFrame || msRequestAnimationFrame;
 if (raf) raf(cb);
 else window.addEventListener('load', cb);

Pass the Google site speed test!

This allowed me to pass the Google PageSpeed [1] test eliminate render-blocking JavaScript and CSS in above-the-fold content (along with Leverage browser caching [4]) on a website, going up from a score of 51 on mobile (Fig 1) to 72 (Fig 2), and up from 59 (Fig 3) to 79 on desktop (Fig 4).

How to eliminate render-blocking resources in WordPress

To eliminate render-blocking resources in WordPress, it is necessary to install a plugin such as JetPack.

Then, go to the options, for which you must be an administrator, and go to JetPack options > Writing > Performance and Speed > check Enable site accelerator, speed up image load times, speed up static file load times, and enable lazy loading for images.

This will eliminate render-blocking resources in WordPress and load pages faster by allowing JetPack to optimize your images and serve your images and static files (like CSS and JavaScript) from their global network of servers.

How to Eliminate render-blocking JavaScript and CSS on WordPress

Have an external system optimize your website for you

Do you know that you could actually have all the Google PageSpeed‌ issues solved on your behalf, without much effort from your site – except registering for a free trial and changing your DNS?

Using the Ezoic platform‌ Site Speed Accelerator‌ technology, all the usual Google PageSpeed‌ issues will be solved by their system, which will be the intermediary between your website and the visitors. They will optimize the web page for you before displaying it to your visitor.

Become green by simply registering for a free trial on Ezoic platform‌ and try it for yourself – they will make your website reach the highest standards of page speed optimization within a few days: render next generation webp images, optimize CSS and JavaScript by removing unused CSS and JS, lazy load images, resize images, cache your site pages, optimize fonts, pre-connect to all your included sites, and much more.

No credit card required – all you have to do is to register for free and give it a try. Plus, if your website is making money from display ads, on top of making your website much faster, they can also make you earn several times more money than you do with Google AdSense by optimizing your ads with machine learning and advanced artificial intellingence.

Get green and solve Google Page Speed Issues with Ezoic Site Speed Accelerator
Get green and solve Google Page Speed Issues with Ezoic Site Speed Accelerator 

International Business Consulting
About the author - International Business Consulting
Yoann is an International Business Consultant, facilitator and coordinator. He worked more than 10 years in global business, supply chain, financial, SAP ERP projects, Web and SEO optimization for various industries, such as logistics, cosmetics, consumer goods, beauty care, or fashion, in more than 30 countries around the globe.

Comments (12)

 2018-08-19  Louise Cooper
Любовь, читающая ваш контент, продолжайте публиковать
 2018-08-19  Monica Lindsey
Así que así es como lo hacemos, es genial saber
 2018-08-19  Van Santiago
Ótimo, é exatamente isso que eu estava procurando, agora estou pronto
 2018-08-19  Dwayne Peters
당신의 내용을 읽는 것을 좋아하고, 계속 게시하십시오.
 2018-08-19  Leo Cannon
 2018-08-19  Lawrence Rogers
Don’t know how to thank you, but that is pure genius, thanks
 2018-08-19  Ludanulema
Բարեւ, ես տեսա ձեր հոդվածը, եւ դա օգնեց ինձ լուծել խնդիրը, շնորհակալություն
 2018-08-19  animeg2Q
سأحاول ذلك الآن ، شكرًا على المشاركة
 2018-08-19  Gasfackele
To pro mě dobře fungovalo, není třeba se dívat dál
 2018-08-19  utumikaji0
Hej, jag såg din artikel och det hjälpte mig att lösa mitt problem, tack så mycket
 2018-12-31  quranapk
Любовь, читающая ваш контент, продолжайте публиковать
 2020-07-27  Framboise
Waou ! Amazing way of life. So lucky to travel all around the US. There are so many beautiful places to see ... Thanks for sharing your experience with such a beautiful energy. It might be hard sometimes in some kind of situations, I couldn't do it. When we listen to you it looks like so easy, just like a dream come true. I admire you. Wish you all the best. Take care.

Leave a comment