さまざまな画像スプライトに対して行われる追加のリクエストを減らし、すべての画像スプライトをメインのスタイルシートに埋め込むことで、ページのパフォーマンスを改善しようとしています。スタイルシートのサイズが急速に大きくなり、500KB 近くに達したため、デスクトップとモバイルの両方のブラウザーで適切にキャッシュされるのではないかと心配になりました。
モバイル キャッシュについて読んだところ、最近の (古いものはあまり気にしない) モバイル ブラウザーは最大 1MB のサイズのファイルをキャッシュすることがわかりました。それで、私が正しく理解していれば、キャッシングに関してはすべて問題ないはずですよね?
次に、アイコンスプライトを個別に提供する場合(約10〜20ファイル)、またはすべてを1つのスタイルシートに含める場合(リクエスト数を11〜21から1に減らす)にパフォーマンスに大きな違いがあることにも興味がありますか?
10 ~ 20 個の小さなリクエストよりも 1 つの大きなリクエストの方がはるかに優れていると考えているのは正しいですか?
ありがとうございました