为什么＆＃34;复合层＆＃34;花了这么多时间？

Question

我有无限滚动和数据延迟加载的分析列表。什么可以导致这个漫长的复合层＆＃34;相位θ

和

如果您对该列表的详细信息感兴趣：

• 该列表包含有限数量的物理行元素和用途 ＆＃34;变换：translate3d（...）＆＃34;滚动时重新排序它们。
• Chrome会在单独的图层中绘制每一行。
• 整个浏览器页面最多只有25个图层。

Answer 1

没有链接，很难肯定 - 但是看看所有“紫色”（在你的第一个屏幕截图中），你可能会使用太多含有以下任何属性的元素：

A）有position: fixed;

B）在动画之前和期间使用transform

C）使用太多同时keyframes（例如在延迟加载时附加行）

修改：升级您的Chrome版本 - 效果取代时间轴，并提供您可能要查找的详细信息。