Browser 这些回流焊、油漆、编组、样式重新计算等是什么。。。浏览器的概念到底是什么？

我偶尔会在web浏览器的上下文中听到关键字编组、样式重新计算、IO、回流、绘制等。知道这些的人能说得简单些吗？每个人的职责是什么？如果有的话，他们是如何一起工作的

例如，这就是IE博客对性能的看法：

下面是V8测试实际测试内容的图片：

---

我想知道这一切到底意味着什么。我从来没有听说过任何关于编组和格式等的解释。我假设显示是渲染/绘制，布局是回流的。

在您链接到的同一页面上，有一个链接到

我引述：

下面是这些子系统的简要概述，按它们的顺序排列 加载网站时遇到的问题：

联网：通常遇到的第一个子系统是联网。 网络子系统负责网络之间的所有通信 客户端和服务器，包括web内容的本地缓存。这个 网络子系统通常取决于服务器的性能 用户网络

HTML：从服务器下载HTML文档时，会传递这些文档 对于解析文档的HTML子系统，启动其他 在网络子系统中下载，并创建结构 文件的表述。现代浏览器还包含相关的 用于XHTML、XML和SVG文档的子系统

CSS：遇到CSS时，是否在HTML文档中 或者一个CSS文档，它被传递给一个CSS子系统，该子系统解析 样式信息，并创建可以 稍后参考

集合：HTML文档通常包含元数据，例如 文档头中描述的信息或应用的属性 一个元素。集合子系统负责存储 以及访问此元数据

JavaScript：遇到脚本时，它会直接传递给 负责执行该脚本的JavaScript子系统。 JavaScript子系统可能是最有名的子系统 浏览器子系统，这得益于它在 过去几年

封送处理：因为大多数JavaScript引擎不是直接 集成到浏览器中，两者之间有一个通信层 浏览器和脚本引擎。通过本网站传递信息 通信层通常称为封送处理

本机OM：JavaScript通过文档与文档交互 对象模型API。这些API通常通过 知道如何访问和操作文档的子系统 脚本引擎和 浏览器

格式设置：构建文档后，浏览器需要 在将样式信息显示给用户之前应用样式信息。 格式化子系统接受HTML文档并应用样式

块构建：CSS是一种基于块的布局系统。文件之后 设置样式后，下一步是构造 将向用户显示。这个过程决定了一些事情，比如 块的大小，并与下一阶段紧密集成- 布局

布局：现在浏览器已经对内容进行了样式设置并构建了 块，它可以通过布局内容的过程。 布局子系统负责实现这一复杂的算法 过程

渲染：过程的最后阶段发生在渲染内部 向用户显示最终内容的子系统。这 该过程通常被称为“绘制到屏幕”，并且可能发生 在CPU、GPU或两者的组合上