我希望你们可以提供帮助。我正在努力从我的网络应用中删除jank，经过几天的故障排除后，我发现了＆＃34;更新层树＆＃34;就是这一切都站在我和平稳的60fps之间。
我的网络应用程序使用由javascript控制的固定位置div来制作一个钢琴演奏者（＃34;播放＆＃34;音符是通过容器div上的一个长变换模拟的）。我注意到的是，页面上任何地方的任何样式更改都会导致整个图层树更新，而且性能成本非常高。在梳理完所有在线资源后，我不太了解如何绕过这一点。
这是一个实时示例页面。 https://pianu.com/waving-through-a-window [在此输入图像说明] [1]
更新层树全程超过20ms。 [在此处输入图像说明] [2]
此处了解页面在chrome中的“图层”标签中的显示方式。
[在此输入图像说明] [3]
我很高兴能够在浏览器中了解有关图层更新和复合的更多信息，但我绝对需要一些帮助。我不是贸易开发商。
谢谢！