performance - Chrome 开发工具时间轴帧中的额外渲染时间

Question

有很多视频和教程旨在减少使用开发工具的帧的合成、布局和绘制时间，但我不清楚一旦这些时间远低于分配的时间该怎么办，但是帧渲染时间仍然太长。

关于确定帧中究竟发生了什么导致其渲染如此缓慢的任何提示？

Answer 1

Paul Irish 和 Paul Lewis在这里简要地触及了这个话题。根据该视频，白条表示浏览器正在等待 CPU 或 GPU，开发人员无法解决此问题（假设他正在使用没有 canvas/webGL 的“标准”网站）。然而，IMO 两个保罗在谈论这个时听起来都不是很有说服力。我想，这很难简单解释（也许我从视频开头算起的 8 口啤酒是罪魁祸首:)）。