performance - 帮助 Web 浏览器中的开发人员菜单

Question

我主要使用 safari 进行 Web 浏览和 Web 开发测试，但我注意到在一些页面上，在调试菜单下的时间线窗格中的渲染时间线下不断触发“Paint”。我想知道是否有人可以解释这可能是什么或意味着什么。我尝试在互联网上搜索，但找不到任何相关信息。它看起来像这样：

Answer 1

这种行为可能表示基于时间的 javascript 执行，如 setTimeout() 或 setInterval() 所做的那样。大多数浏览器都会重新绘制，即使对 dom 树的微小更改也很难预测。如果您有相关页面的 URL，我们可以从页面本身的问题中解决您的浏览器问题。

Answer 2

这是由于我正在使用的一些插件。特别是 jScrollPane，由于其他插件，可能会如此之高。

Answer 3

这可能是由于 HTML5 的 canvas 元素不断被重新绘制。

Answer 4

我认为如果加载的页面包含不同的元素（如图像、flash、..）；浏览器分别请求每个元素。一旦浏览器接收到请求的元素，就会不断触发“Paint”。