私の現在のプロジェクトでは、かなりの数の CSS ベースの背景グラデーションを使用しています。これらはすべての要素で使用されるわけではありませんが、ユーザー インターフェースにとって非常に重要です。それらを統合している間、これらの勾配がパフォーマンスにどのように影響するかについての詳細な答えを見つけることができませんでした.
明らかに、複数のグラデーションを使用すると、それぞれの要素が最初に描画されるときに処理能力が消費されます。この勾配の生成がハードウェア アクセラレーションも可能かどうか、またはこれが CPU のみかどうかはわかっていますか?
さらに、IMO でさらに重要なのは、それらがキャッシュされているかどうかです。もしそうなら、同じ「生成された」グラデーションを共有するために、2 つの要素が同一でなければならないものは何ですか? 私の最初の推測では、css-statement と element-size は同一でなければなりません (このステートメントを含むクラスが異なっていても)。クラスごとにキャッシュされている可能性もありますが、要素のサイズが異なる可能性があるため、別の勾配が必要になります。
たとえば、15 個のリスト アイテム (li) を含むリスト (ul) があり、それぞれに背景グラデーションがあり、背景グラデーションもある 3 つの要素が含まれている場合、各要素の種類は一定のサイズになります。ブラウザは 15 または 60 のグラデーションを生成しますか?