我正在尝试使用 Chrome Devtools 调试我的滚动性能。
我有一个元素列表，例如:
<ul>
<li></li>
...
</ul>
我记录了滚动页面并得到以下信息:
这里令人困惑的部分是我找不到延误的原因。正如我所看到的，事件/复合层之间存在“透明”条和“间隙”，但我无法指出某些导致帧速率不佳的长操作。
我是不是读错了？
最佳答案
如果您查看右侧的帧速率指示器，您会发现很少有帧速率低于 30 fps，因此您的表现相当不错。这些事件可能表明您的滚动本身。您有我们可以查看的公共(public)网址吗？
此外，如果您的页面有复杂的背景(即某些纹理)，它会对您的滚动性能造成沉重的影响，因为它需要仅在滚动时重新绘制页面的较大区域。
关于css - 使用 Chrome Devtools 滚动性能监控 - 透明条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23229949/