Render blocking Javascript at end of body tag - Firefox renders some visual content, Chrome does not

Question

I am just experimenting with a few performance related optimizations.

As per my understanding, any inline script is render blocking and the browser executes

Answer 1

Render blocking means “blocking any rendering after this”.

That’s the very reason for putting JavaScript at the bottom of the page - so it didn’t block any rendering of the page above that. Now of course we have async and defer to help with that but originally we didn’t.