Part7-4-3 渲染优化

渲染优化
如果把浏览器呈现页面的整个过程一分为二，前面所讲的主要是浏览器为呈现页面请求所需资源的部分；本章将主要关注浏览器获取到资源后，进行渲染部分的相关优化内容。 在前面的前端页面的生命周期课程中，介绍过关键渲染路径的概念，浏览器通过这个过程对 HTML、CSS、JavaScript 等资源文件进行解析，然后组织渲染出最终的页面。本章将以此为基础，对渲染过程进行更深入的讨论，不仅包括打开一个网站的首次渲染，还有用户与页面进行交互后导致页面更改的渲染，即所谓的重绘与重排。其中除了对渲染过程的充分介绍，更重要的是对提升渲染过程性能的优化手段的探讨。 浏览器从获取 HTML 到最终在屏幕上显示内容需要完成以下步骤： 1处理 HTML 标记并构建 DOM 树。 2处理 CSS 标记并构建 CSSOM 树。 3将 DOM 与 CSSOM 合并成一个 render tree。 4根据渲染树来布局，以计算每个节点的几何信息。 5将各个节点绘制到屏幕上。 经过以上整个流程我们才能看见屏幕上出现渲染的内容，优化关键渲染路径就是指最大限度缩短执行上述第 1 步

Part7-4-3 渲染优化最先出现在Python成神之路。