GPUアクセラレーションとposition: relativeによるレイヤー生成について

またアニメーション... ボタンなどのUIにGPUアクセラレーションが効いたアニメーションをつけたとき、iOSにおいてはiPhone4か4SのWebViewあたり、Androidにおいては….まぁ機種依存的(げんなり)に、アニメーションの立ち上がりが遅いことがあります。 その辺を調査していたところ、position: relativeの指定による、意図しないレイヤー生成＆GPUアクセラレーション巻き込みによって、何かしら合成レイヤー周りでオーバーヘッドが発生してしまっているんではないかな、という憶測に行き着いた次第。今回はその辺りを見ていきます。 GPUアクセラレーションが効いたアニメーションは、CSS Animations、CSS Transitionsのほか、特殊なプロパティ（transform3d: scale(1,1)とか）で強制的にGPUアクセラレーションを効かせたCanvasア

[mainyaa]

同じ現象でハマったことがある。position周りの指定はComposite Layers多発の原因

[d_animal141]

GPUアクセラレーションとposition: relativeによるレイヤー生成について

[a_bicky]

Safari の Debug メニュー初めて知った

[hisasann]

position: relative、CPU使っているのにカクカクする場合の対処

[efcl]

GPUアクセラレーションの濫用による問題

[nenjiru]

GPUとレンダリング対象の検証

[kkeisuke]

position: relativeによるレイヤー生成が、GPUアクセラレーションを伴うアニメーションのパフォーマンスに影響する

[ryunosinfx]

これはWebViewの話をしているのか・・・いやChromeとかFirefoxならどうなるのかその辺は気になる。正直WebViewだとHTML5的に一部機能不足になり始めてる気がするんだが

[rryu]

position:relativeだと重なるかどうかはz-indexによってだけ決まるので仲間が増えてしまうのか。

[ginpei]

CSS transition等、GPUを使うアニメーションが遅い時の解決策。GPU依存の量を減らす。どうしてもposotion:relativeが邪魔をしてくる。

[Layzie]

キタコレ

[oki448jp]

GPUアクセラレーションとposition: relativeによるレイヤー生成について

[yasu-log]

［B!］GPUアクセラレーションとposition: relativeによるレイヤー生成について / GPUは使うと大変になる

[kojika17]

GPUアクセラレーションとposition: relativeによるレイヤー生成について ::ハブろぐ