有没有办法确定 CSS 解析/渲染何时完成?
我想知道是否有 DOM 事件或其他方式来确定浏览器何时完成解析/渲染 CSS 的基准测试目的。我正在尝试优化 CSS 选择器,并且需要一种方法来测量绘图/渲染/回流时间。
I am wondering for benchmarking purposes if there is a DOM event or other way to determine when the browser has finished parsing/rendering the CSS. I'm trying to optimize CSS selectors and need a way to measure the drawing/rendering/reflowing times.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
如果您使用的是 Chrome/Chromium,则有一个内置的分析器,其中包括渲染。这是在此页面上运行时的样子:https://i.sstatic.net/J1PQi。 png
按 Ctrl-Shift-J 访问 Chrome 中的开发人员工具。
我确信 Firebug 对于 Firefox 也有类似的东西。
If you are using Chrome/Chromium there is a built in profiler which includes rendering. This is what it looks like when run on this page: https://i.sstatic.net/J1PQi.png
Press Ctrl-Shift-J to access the developer tools in Chrome.
I'm sure that Firebug has something similar for Firefox.