html - 各ページに個別のスプライトを使用するか、すべてのページに 1 つのスプライトを使用する必要がありますか?

Question

Web サイトには多くのページがあり、共通の画像と個別の画像を含むページがいくつかあるため、すべてのページに単一のスプライトを作成して使用するか、すべてのページに独自のスプライトを設定する必要があります

Answer 1

最初の目標は、リクエストの数を最小限に抑え、したがって概念ファイルにすることです。単一のスプライトファイルは1つのリクエストであり、その後キャッシュされます。これは、後続のページのリクエストがないことと同じです。したがって、サイト全体で使用するスプライトファイルはできるだけ少なくする必要があります。

他の唯一の要因はファイルサイズです。スプライトファイルが大きくなり始めた場合は、複数の同時転送（通常は2）を利用するためにそれらを分割することをお勧めします。スプライトには通常、より小さな視覚要素が含まれているため、スプライトファイルは通常、これが問題にならないように十分に小さい必要があります（これが懸念事項である場合は、より深刻な調査を行う必要があります）。

ページ固有の小さな要素がある場合は、統合されたサイト全体のスプライトに含める必要があります。結果としてサイズが大きくなる場合は、画像の大きさと、特定のサイト訪問者がそのページを表示する可能性に基づいて決定する必要があります。