Chrome性能：时间轴上的长GPU块

Question

我正在开发一个将在触摸屏客户端上运行的Web应用程序（JS / CSS / AngularJS）。随着应用程序的增长，我遇到了性能问题：我提到应用程序不是以60fps运行，而是以30或更高的速度运行。因此，我使用了chrome内置的时间轴工具来描述引擎盖下发生的事情。好的-有很多长帧将fps限制为〜30。原因是您可以在屏幕截图中看到较大的GPU块（绿色）。

放大：

看来GPU需要花费很多时间来...渲染？计算？...？不幸的是，我目前没有任何进一步的信息。有一些CSS效果和转换，但没有什么真正壮观的。它运行在Intel HD Graphics 530（板载）上，但我认为它甚至应该以60fps的速度运行。

我想知道是否有任何方法可以获取更多信息，这是什么导致GPU显着降低，和/或是否存在任何常见的CSS技巧可以加快我的页面速度。还是我可以对GPU本身进行任何调整？

谢谢！