第二天学习后端——浏览器加载网页过程

185 阅读1分钟

浏览器是怎么加载网页的?

1.在浏览器的地址栏输入网址,敲回车,会请求一次服务器,然后服务器就会返回一个数据包,就是网页代码(html格式的文本文档)。

2.浏览器开始去运行解析html文本(此时还没有外部的 图片,js,css,字体库资源)

  • 1.解析html文本时,遇到了img标签的src属性,会异步的,开始再次网络请求服务器,服务器返回数据包(图片编码),然后渲染出来

  • 2.解析html文本时,遇到了link-href,会异步的,开始再次网络请求服务器,服务器返回数据包(css编码),然后加载。

  • 3.解析html文本时,遇到了xxx-url,会异步的,开始再次网络请求服务器,服务器返回数据包(对应编码),然后加载。

  • 4.解析html文本时,遇到了srcipt-src,会异步的,开始再次网络请求服务器,服务器返回数据包(js编码),然后用js引擎去执行编码。

3.所有资源加载完毕了,才会触发window.onload