什么是这些回流,涂料,编组,风格重新计算,浏览器的概念是什么?
我偶尔会在浏览器中听到关键字编组,字体重新计算,IO,重排,绘画等。有谁知道这些很好说简单吗?每个人的责任是什么?他们如何一起工作?什么是这些回流,涂料,编组,风格重新计算,浏览器的概念是什么?
例如,这是IE博客有什么看法表现:http://blogs.msdn.com/b/ie/archive/2010/09/14/performance-what-common-benchmarks-measure.aspx
这里是什么V8测试实际上测试的图片:
我不知道所有这些真正的意思。我从来没有听说过任何关于编组和格式等的解释。我假设显示是渲染/绘画,布局是回流。
在完全相同的页面上,您链接到page that describes the various subsystems。
我引述:
这里是在为了这些子系统的简要概述他们当您加载一个网站 遇到:
网络:一般遇到的第一个子系统联网。 网络子系统负责客户端和服务器之间的所有通信,包括网页内容的本地缓存。该 网络子系统一般是门上的 用户的网络的性能
HTML:作为HTML文档从他们传递 到解析文档的HTML子系统服务器,下载启动额外 下载网络子系统,并创建文档的结构表示。现代浏览器还包含用于XHTML,XML和SVG文档的相关子系统 。
CSS:当遇到CSS,这是否是一个HTML文档 或CSS文档中,它传递给解析 样式信息,并创建一个结构示意图,可以是 后来引用的CSS子系统。
类别:HTML文档通常包含元数据,例如,在文件头部中描述的 信息或属性施加 给一个元素。收藏子系统负责存储 并访问此元数据。
JavaScript:遇到脚本时,它会直接传递到负责执行脚本的 JavaScript子系统。 最近几年,JavaScript子系统可能是 浏览器子系统中最知名的,因为它的可见性已经超过 。
编组:由于大多数JavaScript引擎不直接 集成到浏览器中,有 浏览器和脚本引擎之间的通信层。通过这个通信层传递信息通常被称为编组。
原生OM:JavaScript通过文档 对象模型API与文档进行交互。这些API通常通过知道如何访问和操作文档的子系统 来提供,并且该脚本引擎和浏览器之间的主要交互点是 。
格式化:一旦文档被构造,浏览器需要 应用该样式的信息,才能显示给用户。 格式化子系统接受HTML文档并应用样式。
块建筑:CSS是一个基于块的布局系统。在文档 被样式化之后,下一步是构建将向用户显示的矩形块。这个过程决定了块的大小,并与下一个阶段紧密结合 - 布局。
布局:既然浏览器已经设计了内容样式并构建了 这些块,它可以完成布局内容的过程。 布局子系统负责此算法复杂的 过程。
呈现:该过程的最后阶段发生在渲染 子系统中,其中最终内容显示给用户。这个 过程通常被称为“绘制到屏幕上”,并且可能在CPU,GPU或两者的组合上发生 。