找到昂贵的款式,无需连续涂漆模式

Jos*_*els 7 google-chrome google-chrome-devtools

Chrome的连续绘画模式对于确定页面上的哪些元素/样式绘制速度很慢非常有用.此功能在chrome 46中悄然删除.

现在寻找昂贵款式/元素的最佳技术是什么?任何关于替代方法的文章或帖子都非常有用!

谢谢.

Jos*_*els 1

请参阅这篇文章以获得更详细的解释。

简单的答案是,您可以使用时间轴来识别较长的绘制时间,然后使用绘制分析器来查看哪些绘制命令花费了很长时间。识别出长绘制命令后,您可以右键单击该命令并在元素面板中显示。

来自链接的文章: 在此输入图像描述

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