Is there a way to eliminate render-blocking javascript and css in above-the-fold content?

Anything you put in <head> will be render– and parser- blocking unless you specify async. So typically, you want to specify async assets or place things at the end of <body>. You can go one step further with “Critical CSS” by inlining styles for above-the-fold content.

However, if you’re using webpack to bundle a React app (or any other front-end library/framework), typically this stuff doesn’t apply as your rendering is done via JS, which is dependent on downloading, parsing, and executing your bundle. Which, if that’s 100% of your website, you just want to serve that as fast as possible so placing all assets in <head> might yield the most performant results.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.