Enter the URL in the browser what happens when you press the ENTER key

Enter the URL in the browser what happens when you press the ENTER key

[1] Parsing URLs
[2] DNS queries, resolving domain names, resolving domain names to IP addresses
[3] ARP broadcast, resolving MAC addresses based on IP address
[4] respectively, from the application layer to the transport layer, the network layer and the data link layer are added to each layer of the head package for the package
[5] After three handshake, the client and the server establish a connection
[6] The guest server returns data to the client and the browser receives the data
[7] The browser starts rendering the page

Added: Browser Rendering page detailed

[1] HTML received from the server to form the DOM
[2] style is loaded and parsed to form a CSS object model Cssom
[3] Dom and Cssom create a render tree
[4] For each render element, its coordinates are computed and the layout of the rendering tree is
[5] Finally, the layout is displayed in the browser window, the rendering tree is drawn painting

Added: three handshake

[1] When a connection is established, the client sends a SYN packet to the server, waiting for the server to confirm
[2] After the server receives the SYN packet, it confirms the customer's SYN, and also sends a SYN packet itself
[3] After the client receives the server's package, sends a confirmation packet to the server, the packet is sent, the client and the server enter the connection state
[4] Start transferring data

Add: Pre-load guessing after rendering is blocked

[1] Lightweight HTML or CSS scanner continues to scan the document
[2] Find URLs for resource files that may be available in the future
[3] Download it before the renderer uses them

Enter the URL in the browser what happens when you press the ENTER key