浏览器输入 URL 到页面完全加载发生了什么

1、 DNS 解析,浏览器根据用户输入的域名进行解析,找到对应的服务器的ip

2、 建立 TCP 链接,进行三次握手

3、发送 http 请求,请求特定的资源(如HTML文件),并附带了请求头部信息

4、服务器端处理请求,服务器接收到HTTP请求后,根据请求的内容和其他信息来处理请求,通常包括数据库查询、应用程序逻辑执行等。

5、服务器端响应,包括响应状态和响应体,将请求的资源发送给浏览器

6、渲染页面,根据服务器端返回的响应内容进行页面的渲染,浏览器解析 HTML 响应,构建 Dom 树和 CSS 树,渲染页面布局,将页面展示给用户

7、下载资源,浏览器下载页面中引用的其他资源,包括 css js, 以保证完整的呈现页面

8、执行 js, 如果页面包含 js 浏览器会执行 js代码,允许页面交互,动态修改内容

9、完成加载,当所有资源被下载、解析和执行后,页面会被认为完全加载,触发 load 事件,用户可以和页面进行交互

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容