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.