Slide 12
Slide 12 text
© 2023 THECOO inc.
ハードウェアアクセラレーション
transformとopacityの2つのプロパティはレンダリングに関する処理
をCPUからGPUに譲渡できる。
ブラウザの場合は独⽴したレイヤ(Composite Layer)としてGPUに
命令を送り⾼速なレンダリングを実現する。この処理をCompositing
という
また、事前にそれらの値が変わる(アニメーションする)ことが分
かってることはwill-changeプロパティを⽤いて事前にGPU転送できる
参考
:https://web.dev/articles/stick-to-compositor-only-properties-and
-manage-layer-count?hl=ja