If CSS is still being downloaded, inline scripts won’t run until that CSS arrives.
The use of <link rel=preload …> to load CSS asynchronously means that these stylesheets, which you’re presumably making asynchronous because they aren’t very critical to page display, are given a very high priority by browsers, blocking the script, and blocking the page from displaying.
1 comment
[ 0.16 ms ] story [ 13.7 ms ] threadIf CSS is still being downloaded, inline scripts won’t run until that CSS arrives.
The use of <link rel=preload …> to load CSS asynchronously means that these stylesheets, which you’re presumably making asynchronous because they aren’t very critical to page display, are given a very high priority by browsers, blocking the script, and blocking the page from displaying.