Home / Software / Tips and Tricks / How to eliminate render-blocking JavaScript and CSS in above-the-fold content when the site is an MVC?

How to eliminate render-blocking JavaScript and CSS in above-the-fold content when the site is an MVC?

Updated:  11/20/2016 04:11 AM
Author:  Shiju Mathews

Status:    Resolved.


Google 'PageSpeed' Insights will warn if the scripts and CSS are in line and declared on the header of the HTML. In MVC the bundled script and CSS are injected into the area where we are requesting the rendering.


If we can move this rendering request to to bottom of the page this issue can be resolved. But I am recommending not to move the CSS down to eliminate flickering. Now the header will be

And the bottom of the page will be