Html google chrome中新的复合层因内容不可压缩

当chrome profiler说“层是单独合成的，因为它不能被压扁”时，这到底是什么意思

我对html进行了更改，在相对div中引入了一个固定位置div，并在其上给出了

willchange:transform

。之后，chrome又创建了两个新图层作为副作用。我想了解到底是什么原因导致chrome创建了这些新的复合层，以及是什么行为触发了chrome中的这种新层

如果有帮助，这里有一个截图

---

PS-我正在angular应用程序上运行性能分析，发现了这个问题。

无法执行挤压的原因有很多。我找不到很多，但是看看C++代码，有一个类的原因，地图，这可能给你一些洞察力。您可以将DOM元素与原因进行比较

 { CompositingReasonOverlap,
        "overlap",
        "Overlaps other composited content" },
 { CompositingReasonSquashingDisallowed,
        "squashingDisallowed",
        "Layer was separately composited because it could not be squashed." }

来源：类别

提供了有关Blink中渲染的一些详细信息，但从外观上看，这是一个相当复杂和复杂的主题。我希望有更好的解释