从输入url到渲染出页面的整个过程
资源的形式:
- html
- 媒体文件、图片1、视频等
- javascript、css
加载过程
- DNS解析(域名解析):通过域名解析成ip地址
- 浏览器根据ip地址向服务器发起http请求;
- 服务器处理http请求,并返回给浏览器;
渲染过程:
- 根据HTM代码生成DOM树
- 根据CSS代码生成CSS结构化对象
- 将DOM书和CSS结构化对象整个成一个RenderTree (将结构上挂载css样式)
- 根据Render Tree渲染页面
- 遇到
- 知道把RenderTree 渲染完成