Chrome 开发工具 |长时间的油漆提交导致高 INP

Question

我正在尝试降低我网站上页面的 INP 分数。我在第一次点击时就得到了很长的绘制提交。请参阅随附的屏幕截图：

重现步骤：

• 切换到 chrome 调试器 -> 性能选项卡
• 从齿轮图标启用“高级绘画仪器”，CPU：4x，网络：快速 3G
• 现在，一旦页面加载，就开始录制演奏并单击任何文本而不滚动，停止录制。
• 注意交互下长绘制提交以绿色突出显示。

请指导可能导致问题的原因以及如何克服这么长的提交时间。

Answer 1

禁用“高级绘画仪器”。已知它会导致此问题，并且仅应在需要时启用它以获取更多详细信息。