在没有连续绘画模式的情况下找到昂贵的样式

Question

Chrome的连画模式对determining what elements/styles on a page are slow to paint. This feature was quietly removed in chrome 46很有用。

现在寻找昂贵 styles/elements 的最佳技术是什么？任何关于替代方法的文章或帖子都会非常有用！

谢谢。

Answer 1

有关更详细的说明，请参阅 this 文章。

快速的回答是，您可以使用时间轴来识别较长的绘制时间，然后使用 Paint Profiler 查看哪些绘制命令花费了很长时间。识别出较长的绘画命令后，您可以右键单击该命令并在元素面板中显示。

来自链接文章：

这涵盖了我使用连续绘画模式的大部分用例。