浏览器渲染机制
小于 1 分钟
浏览器渲染机制
加载和渲染过程:
- 浏览器通过HTTP协议请求服务器,获取HMTL文档并开始从上到下解析,构建DOM;
- 在构建DOM过程中,如果遇到外联的样式声明和脚本声明,则暂停文档解析,创建新的网络连接,并开始下载样式文件和脚本文件;
- 样式文件下载完成后,构建CSSDOM;脚本文件下载完成后,解释并执行,然后继续解析文档构建DOM
- 完成文档解析后,将DOM和CSSDOM进行关联和映射,最后将视图渲染到浏览器窗口
引用知乎文章(https://juejin.cn/post/6844903545016156174)
资源优先级:
- 首先会将所有需要加载的资源进行分类。
- 然后根据浏览器相关的安全策略,来决定资源的加载权限。
- 接着对各个资源的加载优先级进行计算和排序。
- 最后一步,根据加载优先级顺序来加载资源。