Here's my page loading pattern, please tell me if this is good:
In the head tag, I intentionally load a small bootstrap javascript bundle (~50K) non-deferred. This bundle contains a subset of my CSS that styles all of the static tags the body below will first render with. This bootstrap bundle also starts an AJAX call for polyfills, if needed, and the main page script (which also contains the rest of my CSS.)
My goal is to have no unstyled tags in the body as it first renders and to kickoff loading the main body scripts ASAP before any other 3rd party scripts have a chance to get started loading.
In the head tag, I intentionally load a small bootstrap javascript bundle (~50K) non-deferred. This bundle contains a subset of my CSS that styles all of the static tags the body below will first render with. This bootstrap bundle also starts an AJAX call for polyfills, if needed, and the main page script (which also contains the rest of my CSS.)
My goal is to have no unstyled tags in the body as it first renders and to kickoff loading the main body scripts ASAP before any other 3rd party scripts have a chance to get started loading.