接続に失敗しました。もう一度試してください。

コンテンツにスキップ
SEO Tools
ヘルプとドキュメント
速度 中程度の影響 中程度 30~60分

HTTPリクエストの数

ファイルが多い = リクエストが多い = 起動が遅くなります。

それは何ですか

すべてのファイル (CSS、JS、画像、フォント) は個別の HTTP リクエストです。小さなリクエストが多数あると、特に接続が遅い場合にオーバーヘッドが増加します。

なぜそれに対処するのでしょうか?

リクエストが多いと、接続セットアップとオーバーヘッドが増加します。 HTTP/2/3 ではそれほど問題はありませんが、冗長性を組み合わせて削除することは依然として役に立ちます。

やり方

  1. 1小さな CSS/JS ファイルを結合します (ビルド バンドラー)。
  2. 2小さなアイコンには CSS スプライトまたはインライン SVG を使用します。
  3. 3未使用のライブラリと外部スクリプトを削除します。
  4. 4HTTP/2 または HTTP/3 に切り替えて、並列リクエストをより適切に処理します。

結論

通常、少数の大きなファイルは、多数の小さなファイルよりも優れています。可能なものを組み合わせ、冗長性を削除し、HTTP/2+ を有効にします。これは、圧縮とキャッシュとともに、高速配信の基礎を形成します。

関連トピック