ロード時間が速い：背景画像またはブラウザのプロパティ？

私は自分のサイト上で厄介な背景を持っていると、読むこと、それは少し楽にするために、私はこのような背景のプロパティを使用します。ロード時間が速い：背景画像またはブラウザのプロパティ？

p : background-color {rgba(250, 250, 250, 0.7)}

念頭に置いて、サイトのロード時間を目標に、使用する方がよいでしょう不透明度のある背景画像ですか？あなたはここでの問題を見ることができます

：私はすでに背景PNGのサイズを小さくすることに取り組んでいますhttp://tinyurl.com/7ywoqpf

注、この質問は、段落の背景についてのみ

私は現在の設定を維持するか、背景画像を使用すべきです？

出典

2012-05-05 Doug Fir

ブラウザのサポートを認識している場合は、 'rgba'には問題ありません。サイトレンダリングのボトルネックを探している場合は、これがまったく不可能です。 – kapa

私はis.thanks :-)として残しておきます。 –

[OK]を、これは、ページの読み込み滝のように見えるものである - http://www.webpagetest.org/result/120505_MG_47R9V/1/details/

あなたはすでにあなたが画像を縮小する必要があります知っているが、あなたが行うことができますいくつか他のものがあります。..

重複のga.jsを削除 jquery.min.jsを使用しての代わりに、あなたはjpegmini.comはJPEGファイルと細かい仕事をして画像圧縮を探しているならjquery.jsがHTML、CSSやJS

のためにgzipをオンに、およびオプションのplentがありますPNGの場合

出典

2012-05-05 17:19:14

私がそこで行動するための多くの情報 - 歓声 –

イメージはサーバーからダウンロードしてブラウザにロードする必要があります。rgbaのようなCSSプロパティを使用する場合は、ブラウザを単独で使用します。だから間違いなく、rgbaは画像よりも優れています。

出典

2012-05-05 17:25:08 Starx

イメージは、圧縮されていても常にダウンロードする必要があります。 pingのおかげで、いつもそれにいくらかのオーバーヘッドがあります。さらに、多くのブラウザでは、ホスト名ごとに2つの同時リクエスト（HTTP仕様で定義された動作）を決してしないと主張しているため、イメージは常に他のリソースの読み込みを遅延させます。

私はRGBAの実装についてはわかりませんが、は非常にという別のリソースをダウンロードした方が高速だった場合は驚いています。

出典

2012-05-05 17:42:41

最近、2つの並列接続に限られているブラウザーはほとんどありません（IE6は唯一の「主流」） –

@AndyDavies - モバイルデバイスのような余分な接続のサポートは何ですか？ –

Browserscopeはあなたの友人です - http://www.browserscope.org/?category=network&v=top（ホスト名列ごとの接続） –

ロード時間が速い：背景画像またはブラウザのプロパティ？

答えて

関連する問題