1

サイトの背景がごちゃごちゃしているので、読みやすくするために、次の背景プロパティを使用します。

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

サイトの読み込み時間を考えると、不透明な背景画像を使用した方がよいでしょうか?

ここで問題を確認できます: http://tinyurl.com/7ywoqpf

私はすでに背景のPNGサイズを縮小することに取り組んでいることに注意してください。この質問は段落の背景のみに関するものです

現在の設定を維持するか、背景画像を使用する必要がありますか?

4

3 に答える 3

2

画像はサーバーからダウンロードしてブラウザにロードする必要があります. CSS プロパティrgbaを使用して効果を作成するのと同じように, ブラウザだけに依存します. なので間違いなく、rgba画像より良いです。

于 2012-05-05T17:25:08.860 に答える
1

これは、ページ読み込みのウ​​ォーターフォールがどのように見えるかです - http://www.webpagetest.org/result/120505_MG_47R9V/1/details/

画像を縮小する必要があることはすでにわかっていますが、他にもできることがいくつかあります。

重複する ga.js を削除する jquery.js の代わりに jquery.min.js を使用する html、css、および js の gzip を有効にする

画像圧縮ツールを探しているなら、jpegmini.com は jpeg でうまく機能し、PNG 用のオプションもたくさんあります。

于 2012-05-05T17:19:14.730 に答える
1

画像は、どれだけ圧縮されていても、常にダウンロードする必要があります。ping のおかげで、常にいくらかのオーバーヘッドが発生します。さらに、多くのブラウザーは、ホスト名ごとに 2 つの同時要求を行わないことを主張しているため (HTTP 仕様で定義されている動作)、画像は常に他のリソースの読み込みを遅らせます。

RGBA の実装についてはわかりませんが、別のリソースをダウンロードする方が高速であるとしたら、非常に驚​​くでしょう。

于 2012-05-05T17:42:41.130 に答える