首页 存档 技术 查看内容

关键渲染路径的6 个阶段

2018-3-30 13:00 |来自: 互联网 337 0

摘要: 当浏览器接收到服务端响应的 HTML 页面时,在屏幕绘制图像之前发生了许多事情。浏览器初次绘制页面的过程称为“关键渲染路径”。 了解 CRP (关键渲染路径)对于理解如何提高网站性能非常有帮助。CRP 有 6 个阶段: ...

当浏览器接收到服务端响应的 HTML 页面时,在屏幕绘制图像之前发生了许多事情。浏览器初次绘制页面的过程称为“关键渲染路径”。

了解 CRP (关键渲染路径)对于理解如何提高网站性能非常有帮助。CRP 有 6 个阶段:

  1. 构建 DOM 树

  2. 构建 CSSOM 树

  3. 运行 JavaScript

  4. 创建渲染树

  5. 布局

  6. 绘制

1. 构建 DOM 树

DOM(文档对象模型 Document Object Model)树是代表 HTML 页面完全解析的对象。从根元素

声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

相关分类

返回顶部