1

多くのブラウザのリフローを引き起こすアプリで作業しています。ここではパフォーマンスが重要な問題です。パフォーマンスの観点から DOM 要素によっては、CSS3 グラデーションとイメージ グラデーションのどちらを使用した方がよいでしょうか? CSS テキストの影とグラデーションを使用するページは、画像を使用してそれらの視覚効果を実現するページのようにリフローが遅くなりますか? また、使用できるリフロー テストはありますか?

4

2 に答える 2

1

描画の場合、CSS グラデーションとシャドウは、画像よりも多くの CPU を処理します。以前はパフォーマンスがかなり悪かったのですが、最近では許容範囲です。大量のグラデーション/シャドウがある場合は、それらを実装して、実際の設定でテストを行う必要があります。数枚あれば気にならない程度です。

于 2010-11-29T21:20:39.787 に答える
0

ブラウザのレンダリング方法に大きく依存しますが、ほとんどの場合、それらのレンダリングは遅くなります。さらに、古いブラウザーでは、ピクセルの精度が低下します。ただし、これは一般に、更新されたブラウザーを使用しているユーザーはコンピューターも更新しているため、視聴者をセグメント化するのにも役立ちます。したがって、それを処理できない人にサイトの簡素化されたバージョンを本質的に提供することは、あなたに有利に働く可能性のあるトレードオフです. 保証されているわけではありませんが、通常はかなりバランスが取れていることがわかりました。

全体として、実際のテストが進むべき道です。ビルドして動作するかどうかを確認し、パフォーマンスの問題が見つかったら修正します。うまくいかない可能性があるからといって躊躇することはありません。それがうまく機能し、試してみなければ、決してわかりません!

于 2010-11-29T21:32:29.240 に答える