LayoutNG 如何成为 Chromium 浏览器的救星

LayoutNG 是 Chromium 浏览器的新一代渲染架构，它通过一系列大型架构的更改来减少和缓解各种类型的 bug 和性能问题，从而改善浏览器的稳定性和性能。

LayoutNG 的背景

在 Chromium 浏览器中，渲染引擎负责将 HTML、CSS 和 JavaScript 代码转换成可以在屏幕上显示的像素。传统的渲染引擎采用了一个称为“流式布局”的架构，在这种架构中，渲染引擎会逐行读取 HTML 代码，并将其转换为一棵称为“DOM 树”的数据结构。DOM 树表示了 HTML 文档的结构，它包含了所有 HTML 元素及其属性。

接下来，渲染引擎会遍历 DOM 树，并为每个元素计算其样式。样式信息存储在一个称为“样式表”的数据结构中。样式表包含了所有 CSS 规则，这些规则定义了元素的字体、颜色、大小和其他视觉属性。

最后，渲染引擎会将样式表应用于 DOM 树，并将其转换为一个称为“渲染树”的数据结构。渲染树表示了页面上所有元素的位置和大小。渲染引擎会将渲染树发送给 GPU，由 GPU 将其转换为可以在屏幕上显示的像素。

LayoutNG 的优势

LayoutNG 采用了一种称为“惰性布局”的新架构，在这种架构中，渲染引擎只会计算需要显示的元素的样式。这可以显著提高渲染速度，特别是在页面上有很多元素的情况下。

此外，LayoutNG 还引入了许多新的优化措施，例如：

• 增量布局： LayoutNG 可以只更新发生变化的元素，而不会重新计算整个页面的样式。这可以进一步提高渲染速度。
• 并行布局： LayoutNG 可以同时计算多个元素的样式，这可以利用多核 CPU 的优势来提高渲染速度。
• GPU 加速布局： LayoutNG 可以使用 GPU 来加速布局计算，这可以进一步提高渲染速度。

LayoutNG 的现状

LayoutNG 目前正在 Chromium 浏览器中开发，预计将在 2023 年发布。LayoutNG 将成为 Chromium 浏览器的默认渲染引擎，它将取代传统的“流式布局”渲染引擎。

LayoutNG 的未来

LayoutNG 是 Chromium 浏览器的新一代渲染架构，它有望显著提高浏览器的稳定性和性能。LayoutNG 目前正在开发中，预计将在 2023 年发布。LayoutNG 将成为 Chromium 浏览器的默认渲染引擎，它将取代传统的“流式布局”渲染引擎。

LayoutNG 的发布将对 Chromium 浏览器产生深远的影响，它将使浏览器更加稳定、快速和高效。LayoutNG 也将为未来的浏览器创新铺平道路，例如，它将使浏览器能够更好地支持新的 Web 技术，例如 WebAssembly 和 WebGL。