2

Suppose I am using a DIV element for which I can either add a background image or can replicate the same style creating a CSS3 gradient. Now, for Phonegap applications (where all the image files reside in the device itself), which option is better to go for.

I am asking this because I saw somewhere that the gradients takes some computation time where using image may create a loading time issue. But for Phonegap apps, the image load time issue may not be there. So, maybe just using the image be a better option here?

4

1 に答える 1

6

Webkit Wikiの記事によると、画像のパフォーマンスは次のようになります。

実際には必要ない場合は、-webkit-gradientなどのwebkitの描画機能を使用したくなることがあります。画像を維持したり、Photoshopや描画ツールを操作したりするのは面倒な場合があります。ただし、これらのタスクにCSSを使用すると、設計者のコンピューターからターゲットのCPUに面倒な作業が移動します。CSSのグラデーション、影、およびその他の装飾は、必要な場合にのみ使用する必要があります（たとえば、コンテンツに基づいて形状が動的である場合）。それ以外の場合、静止画像は常に高速です。非常にローエンドのプラットフォームでは、可能であれば、一部のテキストに静止画像を使用することをお勧めします。

ソース：https ：//trac.webkit.org/wiki/QtWebKitGraphics#Usestaticimages

もちろん、そのCPU時間と、サーバーからイメージをロードするのにかかる余分な時間とのバランスをとる必要があります。また、Internet Explorerの場合、特に1ページに多数ある場合、フィルターは非常に遅くなります。

于 2012-08-23T14:02:47.257 に答える