有没有办法确定 CSS 解析/渲染何时完成？

Posted 2023-02-21

【中文标题】有没有办法确定 CSS 解析/渲染何时完成？

【英文标题】：Is there a way to determine when CSS parsing/rendering has completed?

【发布时间】：2011-02-21 23:59:28

【问题描述】：

我想知道是否存在 DOM 事件或其他方式来确定浏览器何时完成解析/渲染 CSS 的基准测试。我正在尝试优化 CSS 选择器，需要一种方法来测量绘制/渲染/重排时间。

【参考方案1】：

如果您使用的是 Chrome/Chromium，则有一个包含渲染的内置分析器。这是在此页面上运行时的样子：http://i.imgur.com/rQoWC.png

按 Ctrl-Shift-J 可访问 Chrome 中的开发者工具。

我确信 Firebug 对 Firefox 有类似的东西。

【讨论】：

虽然，如果这是在萤火虫中，我从未见过。

在 Firebug 中绘制信息：addons.mozilla.org/en-US/firefox/addon/firebug-paint-events