page load process

How does a browser load a webpage?

1. The URL entered in the address bar of the browser and pressing Enter will request the server once; the server will return a data packet which is the web page code (text document in html format)
2. The browser starts to run and parse the html text (there is no external image, js, css, font library resources at this time)
   1. When the src attribute of the img tag is encountered during parsing, it will asynchronously start the network request to the server again, the server will return the data packet (image encoding) and then render it
   2. When a link-href is encountered during parsing, it will asynchronously start the network request to the server again, the server will return the data packet (css encoding) and then load it
   3. When parsing, xxxx-url will asynchronously start to request the server again, the server will return the data packet (corresponding to the encoding) and then load it
   4. When parsing, script-src will asynchronously start to request the server again, the server will return the data packet (js encoding) and then use the js engine to execute the encoding
3. window.onload will be triggered when all resources are loaded