时间表Timeline英文文献和中文翻译(2)
开始使用的时间，你需要通过点击圆形按钮的代码的运行记录。当它开始记录你会注意到一些图形的制作。有（在写作的时候），记录三个方面：事件，框架，和记忆；所有这些都是同时记录只能选择分开看。在最基本的层面上，这些特点给你测试你的代码部分的速度的一个好方法，因为它打破了代码像一个堆栈，显示你的每个函数调用。这是一个相当简单的方法来找到瓶颈，却只是触及表面的时间能做什么。 而不是显示的功能需要的时间量， 并将其分为加载， 脚本，渲染，和绘画。这些都是非常有用的一个功能是知道为什么比它应该更长。加载类是任何XHR（AJAX）调用了以及解析 HTML。在函数的逻辑包含在脚本类。渲染是DOM 操作发生，主要是重新计算的风格和布局。油漆是在浏览器的更新所示匹配的渲染结果，包括油画和其他元素都没有直接的DOM 相关的任何变化。我们使用的画布，模拟鸟群（称为boids）所以我记录使用时间告诉你它是如何工作的。图 1 显示了事件的时间线，用于定时功能和视觉看到的堆栈，他们生产的。只有两种不同颜色的截图所示。这是因为只有很少的 DOM 元素， 由于使用的是帆布， 所以没有加载和渲染。
DOM 的缺乏也是同样的原因为模式的时间表，如果我们是一个正规的网站记录的性能，那么我们可能会看到滚动或悬停在按钮的变化；因此，时间是绝对强大的超过帆布动画！图 2显示帧的时间。这一措施帧每秒（fps）的页面因为低FPS可以使一个网站或动画看起来“杰克”而不是人们期望的流畅体验。本节，第三截图图3，显示内存的时间；你可以看到从峰值存储器存储越来越多直到垃圾收集器来清除内存，存储历史数据。你会发现有很多空格下面的时间表。这个空间是一个图形显示的DOM 节点和事件处理程序（你可以看到在图 4，这表明一个基本的投资组合的网站我曾经的时间表）。