0

さまざまな画像スプライトに対して行われる追加のリクエストを減らし、すべての画像スプライトをメインのスタイルシートに埋め込むことで、ページのパフォーマンスを改善しようとしています。スタイルシートのサイズが急速に大きくなり、500KB 近くに達したため、デスクトップとモバイルの両方のブラウザーで適切にキャッシュされるのではないかと心配になりました。

モバイル キャッシュについて読んだところ、最近の (古いものはあまり気にしない) モバイル ブラウザーは最大 1MB のサイズのファイルをキャッシュすることがわかりました。それで、私が正しく理解していれば、キャッシングに関してはすべて問題ないはずですよね?

次に、アイコンスプライトを個別に提供する場合(約10〜20ファイル)、またはすべてを1つのスタイルシートに含める場合(リクエスト数を11〜21から1に減らす)にパフォーマンスに大きな違いがあることにも興味がありますか?

10 ~ 20 個の小さなリクエストよりも 1 つの大きなリクエストの方がはるかに優れていると考えているのは正しいですか?

ありがとうございました

4

1 に答える 1

1

デスクトップブラウザとモバイルブラウザの両方で適切にキャッシュされますか?

もちろん。モバイル ブラウザのキャッシュは小さいですが、そうならないと考える理由はありません。

10 ~ 20 個の小さなリクエストよりも 1 つの大きなリクエストの方がはるかに優れていると考えているのは正しいですか?

はい、通常です。ほとんどのブラウザーは、1 ページで最大 4 つの並列ダウンロードが発生するように構成されているため、10 ~ 20 の要求では、より多くの接続と応答の待ち時間が必要になります。

ただし、2 つの大きなリクエストを並行して実行できるため、データ URI の代わりに大きなスプライト シートを使用することを検討してください (base64 は、エンコードされたバイナリよりも約 30% 大きくなります)。

于 2013-01-02T10:24:43.573 に答える