0

私はウェブサイトを作成しており、デザインには多くの背景画像が含まれているため、画像スプライトを使用してページの読み込み時間を最適化しました。

問題は、3 つのスプライト画像があり、そのうちの 2 つはそれぞれ 200 KB で、寸法は 900x700 ピクセル以下です。

私の質問は、ページ速度の最適化についてです。最良の結果をもたらすものは何ですか? 200 KB のスプライトを 2 つ使用する方がよいでしょうか、それとも 100 KB の 4 つのスプライト イメージに分割した方がよいでしょうか。

私が多くの記事を読んだ限りでは、ほとんどの開発者や専門家は http リクエストを最小限に抑えるように言っています。最近のインターネットは十分に高速で、ダウンロードに時間がかからないからです。私はある程度同意しますが、画像サイズが小さい 2 つの http リクエストを追加するか、画像サイズが大きい HTTP リクエストを 2 つ減らすかのどちらかを決めることができません。

4

1 に答える 1

1

これは私にとってはマイクロ最適化のように思えますが、とにかく最もパフォーマンスの高い方法は、画像を html ページに埋め込むことです。そのため、ページの単一の http 要求を使用するだけです。

data:新しいプロトコルを使用して画像を埋め込むことができ、 base64でエンコードされた文字列として画像を含めることができます。詳細については、このチュートリアルを確認してください。

この機能のブラウザー サポートも参照してください。

于 2012-10-15T09:12:42.450 に答える