HTTPリクエストは、ブラウザがページを閲覧する方法です。 Webページがブラウザに読み込まれると、ブラウザはURL内のページのWebサーバーにHTTP要求を送信します。次に、HTMLが配信されると、ブラウザはそれを解析して、画像、スクリプト、CSS、Flashなどの追加要求を探します。
新しい要素の要求があるたびに、別のHTTP要求をサーバーに送信します。あなたのページのリクエスト数が多くなるほど多くのイメージ、スクリプト、CSS、Flashなどが作成され、ページの読み込みが遅くなります。あなたのページでHTTPリクエストの数を減らす最も簡単な方法は、多くの(または任意の)イメージ、スクリプト、CSS、Flashなどを使用しないことです。しかし、テキストだけのページは退屈です。
デザインを破壊することなくHTTPリクエストを減らす方法
幸いにも、高品質で豊富なWebデザインを維持しながら、HTTPリクエストの数を減らす方法はいくつかあります。
- ファイルを結合する - 外部スタイルシートとスクリプトを使用することは、ページ読み込み時間を延ばさないようにするために重要ですが、CSSとスクリプトファイルは2つ以上はありません。
- CSSスプライトの使用 - ほとんどまたはすべてのイメージをスプライトに結合すると、複数のイメージ要求が1つに変わります。次に、背景画像のCSSプロパティを使用して、必要な画像のセクションを表示します。
- イメージマップ - イメージマップはあまり普及していませんが、イメージが連続している場合、複数のHTTPイメージリクエストを1つに減らすことができます。
キャッシングを使用して内部ページの読み込み時間を改善する
CSSスプライトとCSSとスクリプトファイルを組み合わせて使用することで、内部ページの読み込み時間を改善することもできます。たとえば、インテリアページとランディングページの要素を含むスプライトイメージがある場合、読者が内部ページに移動すると、イメージはすでにダウンロードされキャッシュに保存されます。したがって、これらの画像を内部ページに読み込むためのHTTPリクエストは必要ありません。




