新複合層は

Question

、それは正確に何を意味します相対div内のposition divを指定してwill-change:transformとします。その後、クロムは2つの新しいレイヤーを副作用として作成しました。クロームがこれらの新しいコンポジットレイヤーを作成する原因と、そのような種類の新しいレイヤーをクロームでどのようにトリガーするのかについての正確な理由を理解したいと思います。

これが役立つ場合のスクリーンショットです。

PS - 私は角アプリ上でパフォーマンス分析を実行し、この事を発見しています。

Answer 1

スクアッシュを実行できないさまざまな理由があります。私はそれについて多くを見つけることができませんが、C++のコードを見ると、SquashingDisallowedReasonsクラスに理由マップがあり、それはあなたにいくつかの洞察を与えるかもしれません。 DOM要素を理由と比較することができます。

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

出典：CompositingReasonsクラス

GPU Accelerated Compositing in Chromeは点滅でレンダリングに関するいくつかの詳細を提供していますが、それはそれのルックスによって、非常に複雑と関わっ話題です。私は、より良い説明があることを望みます。