有时当我在谷歌浏览器中检查元素时,我发现我有一些大框架,但它们充满了空白区域.谁知道经常会造成如此大量的空地?我已经看到定时器会导致延长帧长度的问题但是在下面的例子中我不确定为什么帧会如此之大.
会喜欢一些帮助减少这些
我刚刚观看了Google I/O会话Jank Busters:构建Performant Web Apps,其中发言者解释了如何在Chrome Web检查器时间轴中使用新的"框架"视图.
这是我在正在开发的页面上滚动时获得的示例录制:
正如您所看到的,某些帧中存在巨大延迟但在时间线中没有任何明显原因(黄色"Timer Fired"事件之间存在较大差距).如何解决性能问题以便始终如一地提高帧速率?
performance google-chrome web-inspector google-chrome-devtools