渲染2023/9/13 更新于 2023/9/13浏览器页面渲染过程 浏览器是如何工作的 关键渲染路径 预加载扫描器扫描高优先级资源 如：css、js、web字体、图片，预加载线程会开启网络线程去提前下载(chrome对同一个host最多支持6个http连接) 构建dom树 需要说明的是：当遇到 script 时，如果没有async、defer会阻塞渲染并停止html解析 构建cssom树 样式计算（默认样式，其他样式） 布局树 分层（transform,z-index,will-change,堆叠上下文有关的属性) 绘制 合成 交互