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