跳至主要內容

浏览器渲染机制

CoderAn小于 1 分钟前端开发浏览器

浏览器渲染机制

加载和渲染过程:

  1. 浏览器通过HTTP协议请求服务器,获取HMTL文档并开始从上到下解析,构建DOM;
  2. 在构建DOM过程中,如果遇到外联的样式声明和脚本声明,则暂停文档解析,创建新的网络连接,并开始下载样式文件和脚本文件;
  3. 样式文件下载完成后,构建CSSDOM;脚本文件下载完成后,解释并执行,然后继续解析文档构建DOM
  4. 完成文档解析后,将DOM和CSSDOM进行关联和映射,最后将视图渲染到浏览器窗口

引用知乎文章(https://juejin.cn/post/6844903545016156174)

资源优先级:

  1. 首先会将所有需要加载的资源进行分类。
  2. 然后根据浏览器相关的安全策略,来决定资源的加载权限。
  3. 接着对各个资源的加载优先级进行计算和排序。
  4. 最后一步,根据加载优先级顺序来加载资源。
上次编辑于:
贡献者: 宗安