Chrome效果：时间轴中的长GPU块

Question

我正在开发一个将在触摸屏客户端上运行的Web应用程序（JS / CSS / AngularJS）。 随着应用程序的增长，我遇到了一个性能问题：我提到应用程序没有运行60fps而是30或者其他什么。因此，我使用了Chrome内置时间线工具来分析引擎盖下的内容。 好的 - 有很多长帧限制fps到~30。原因是您可以在屏幕截图中看到大的GPU块（绿色）。

放大：

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

我想知道是否有任何方法可以获得进一步的信息，这会减慢GPU的速度和/或是否有任何常见的CSS技巧来加速我的页面。或者我可以在GPU本身进行调整吗？

谢谢！