如何在Chrome的时间轴框架选项卡中找出导致绘制事件的原因

Question

在"时间轴"选项卡的"Chrome"框架选项卡中调试慢速绘制时,是否可以确定绘制的内容以及导致绘制的内容？油漆事件似乎只包含有关油漆时间,尺寸和位置的信息.

Answer 1

为了保持简短 - 您应该使用“显示绘制矩形”、“启用连续页面重绘”和“时间轴”视图的组合。您可以在抽屉的“渲染”选项卡下找到“显示绘制矩形”和“启用连续页面重绘” 。

Google 的 Web Fundamentals 网页上提供了更多信息：简化绘制复杂性和减少绘制区域。