How to verify the execution of external styles, which will affect the execution of external JS?

has recently been studying the implementation of HTML. When reading a blog post, click here , and the author mentions an argument:

external styles block subsequent script execution until the external styles are loaded and parsed . Loading of external styles blocks external JS

I have verified the execution of

, but the parsing of external styles will affect the execution of JS. I don"t know how to verify it. Please

ask, is there anything you gods can do?

Mar.11,2021

this goes back to the process of rendering the html page in the browser to parse. This rendering process is single-threaded and executed sequentially (from top to bottom). The introduction of external files has a loading (downloading) process, which will naturally block the loading of the following content.
generally link style files are placed in the head header, parsed into a DOM tree, and then load the js file after completing this step (you can add async or defer asynchronous execution).
specific verification methods can be found in this article: parsing page loading and js function execution onload or ready

Menu