HTTPリクエストを減らす方法

インターネットを閲覧しているときに、バックグラウンドで何が起こっているのか疑問に思うことはありませんか。答えが「いいえ」の場合でも、心配する必要はありません。あなたは一人じゃない。ほとんどのマーケターは、優れたマーケターでさえ、「技術的なもの」についてあまり考えていません。 Webサイトのパフォーマンスは、ITスペシャリストが心配することですよね。

いいえ、残念ながら。

ウェブサイトが遅いか不格好な場合は、ユーザーエクスペリエンスに直接影響します。実際、ウェブサイトの読み込みに3秒以上かかる場合、40%の人がぶらぶらすることはありません。このことを念頭に置いて、リードを失う前に、低迷しているWebサイトを修正し、ページの読み込み時間を合理化する方法を知っておくことが重要です。

どこから始めますか? 1つの方法は、WebサイトへのHTTPリクエストを少なくすることです。

HTTPリクエストは、エンジニアやITプロフェッショナルに最適な専門用語のように聞こえますが、慌てる必要はありません。これは、優れたマーケティング担当者なら誰でも理解できることです。それでは、これらのリクエストがどのように機能するか、そしてこの知識を使用してWebサイトのパフォーマンスを向上させる方法について詳しく見ていきましょう。

HTTPリクエストとは何ですか?
始める前に、HTTPリクエストが実際に何であるかを明確にすることが重要です。

HTTPは「HyperTextTransferProtocol」の略です。 HTTPは、ブラウザとWebサーバーが相互に通信するために使用する言語と考えてください。 HTTPが読み込み時間にどのように影響するかを理解するために、(ありがたいことに)Webコードの複雑さをすべて網羅する必要はありませんが、マーケターが知っておく必要のある重要な手順の内訳は次のとおりです。

ニール・パテルとの相談
私の代理店があなたのウェブサイトへの大量のトラフィックをどのように促進できるかをご覧ください

SEO-大量のSEOトラフィックのロックを解除します。実際の結果をご覧ください。
コンテンツマーケティング-私たちのチームは、共有され、リンクを取得し、トラフィックを引き付ける壮大なコンテンツを作成します。
有料メディア-明確なROIを備えた効果的な有料戦略。
電話を予約する

誰かがあなたのウェブサイトにアクセスしたいとき、彼らのブラウザはあなたのサーバーに「リクエスト」を送信します。これはHTTPリクエストと呼ばれます。サーバーは応答を確認し、Webページを表示する準備が整いました。

ただし、ここで少し注意が必要です。ブラウザはページをすぐに表示できません。ページを正しく読み込むには、プラグインや画像など、さまざまなファイルのコピーが必要です。

ブラウザはこれらのファイルをどのように取得しますか?複数のHTTPリクエストを作成する。ブラウザがこれらのリクエストを行わない場合、ページコンポーネントは読み込まれません。

ページに含まれるコンポーネントの数によっては、これらのリクエストが実際に合計される可能性があり、これは問題です。その理由は次のとおりです。

必要なHTTPリクエストが少ない理由
すべてのWebサイトがそれに関連するHTTPリクエストを減らすことを目指すべきである2つの単純な理由があります。

まず、ページの読み込み時間から始めましょう。サイトが受信するHTTPリクエストが多いほど、リクエストされたページの読み込みに時間がかかります。たとえば、20個のHTTPリクエストがあるページは、70個のリクエストがあるページよりも速く読み込まれます。

問題?人々はウェブサイトの読み込みを待ってぶらぶらしたくありません。

SAG IPLの調査によると、画像や動画が適切に読み込まれない場合、訪問者の39%は戻ってきません。
Unbounceの調査によると、回答者の45%は、ウェブサイトの読み込みに時間がかかりすぎると小売業者から購入しません。
つまり、競争が激しいため、ウェブサイトの読み込みに時間がかかりすぎたり、正しく読み込まれなかったりすると、リードを失うことになります。

次に、これらの失われたリードがメトリックにどのような影響を与えるかを考えてみましょう。

Googleによると、読み込み時間が1〜3秒に遅くなると、バウンス率が32%増加します。さらに悪いことに、読み込み時間が短いとSEOランキングに影響します。ページの読み込み時間が遅れると、ページの表示回数が11%減少する可能性があります。これは、ページに価値がないことを示しています。

このように考えてください。あなたのウェブサイトが訪問者を感動させなければ、彼らはあなたと一緒に買い物をしません。彼らはあなたを友達に勧めません。やがて、これは検索ランキングの低下、訪問者の減少、全体的なコンバージョン率の低下につながります。

これらすべてから何を得ることができますか?そうですね、HTTPリクエストが多すぎると、主要な指標とオンラインでの市場性に直接影響します。

不要なHTTPリクエストを特定する方法
OK、HTTPリクエストがどのように機能するのか、なぜ必要なリクエストが少ないのかは明らかです。しかし、これらの過剰な要求をどのように識別しますか? 2つのことを行うことによって:処理しているリクエストの数を特定することと、Webサイトのパフォーマンスを評価することです。

Webサイトが受信するHTTPリクエストの数を確立する
ウェブサイトが受信する数がわかるまで、HTTPリクエストを排除することはできません。幸いなことに、番号を特定するのに役立つツールがあります。

たとえば、HubSpotのWebsite Graderは、無料のWebサイト「ヘルスチェック」を提供するため、受信したリクエストの数を即座に確認できます。

HTTPリクエストを減らす-WebsiteGrader HubSpot
Chromeを使用している場合は、ChromeのDevToolsを使用してHTTPリクエストの数を特定することもできます。確認したいページを右クリックし、「検査」をクリックし、「ネットワーク」オプションをクリックするだけです。表示される画像は次のようになります。

HTTPリクエストを減らす-ChromeのDevTools
このページは112件のリクエストを受け取ります。

あなたのウェブサイトのパフォーマンスを評価する

 

e
ウェブサイトのパフォーマンス、そして最も重要なのはページの読み込み時間を最後に評価したのはいつですか。思い出せない場合は、今が監査を実行する絶好の機会です。

これにはUbersuggestを試すことができます。使い方はとても簡単です。 Ubersuggestを開き、URLを入力し、検索結果の読み込みが完了したら、サイドバーから[サイト監査]をクリックするだけです。

[サイト監査]をクリックすると、ウェブサイトの速度の概要が表示されます。次のようになります。

HTTPリクエストを減らす-Ubersuggestによるサイト監査
スコアが低い場合は、読み込み時間が短いことを示しています。たとえば、モバイルウェブサイトの読み込みに6秒かかり、デスクトップサイトの読み込みに2秒かかる場合は、モバイルサイトに問題があります。

ページの読み込み時間や表示されるHTTPリクエストの数に不満がある場合でも心配する必要はありません。問題があることがわかったので、これらのHTTPリクエストの合理化を開始し、ページができるだけ早く読み込まれるようにすることができます。その方法を見てみましょう。

HTTPリクエストを減らすための8つのステップ
すべてのWebサイトは一意ですが、通常、いくつかの一般的な問題について過剰なHTTP要求を非難することができます。これを念頭に置いて、Webサイトを通過するリクエストの数を減らすために今すぐ実行できる8つの簡単な手順を次に示します。

1.不要なプラグインを削除します
プラグインは素晴らしいです。彼らはあなたのウェブサイトに新しい機能を追加し、あなたのウェブページをより魅力的にします。ただし、プラグインが多すぎるとページが乱雑になり、読み込み時間が長くなります。 「正しい」数のプラグインはありませんが、経験則として、プラグインを最小限に抑えることをお勧めします。

まず、使用するプラグインを特定します。彼らはあなたのウェブサイトに価値を追加しますか?答えがノーの場合、彼らは行くことができます。たまにしか使用しないプラグインの場合は、必要なときにいつでも再インストールしてから、もう一度削除できます。

プラグインを識別する方法がわかりませんか?私に連絡して、あなたがあなたのウェブサイトのパフォーマンスをよりよく理解するのをどのように助けることができるかを見てください。

2.重いプラグインを合理化されたプラグインに置き換えます
はい、すべてのプラグインを削除することはできません。ただし、HTTPリクエストの数を減らしたい場合は、多くの場合、リソースを大量に消費するプラグインをより合理化されたオプションに置き換えることができます。

たとえば、ソーシャルメディアボタンをページに追加したい場合があります。素晴らしい。ソーシャルメディアの共有は、エンゲージメントを高め、露出を高めることができます。ただし、プラグインはリソースを大量に消費する可能性があります。

ソーシャルメディアプラグインを合理化するには、Novashareなどのツールを使用します。このツールはページの速度を低下させることはありませんが、ソーシャル共有プラグインによって生成されるHTTPリクエストを減らすのに役立ちます。

HTTPリクエストを減らすための手順-重いプラグインを合理化されたプラグインに置き換えます
3.不要な画像を削除します
もちろん、画像はウェブサイトの視覚的な魅力を高め、ユーザーエクスペリエンスを向上させることができます。画像が読者に何らかの方法でコンテンツを理解するのに役立つ場合、またはインフォグラフィックのようにそれ自体が非常に有用なコンテンツでない限り、画像を削除する価値があるかもしれません。

すべての画像がHTTPリクエストを作成することを忘れないでください。これらの楽しいGIFは視覚的に魅力的かもしれませんが、読み込み時間に影響を与える場合、視聴者を感動させることはありません。

個々のウェブページをすべて監査し、少し冷酷になることを恐れないでください。画像がコンテンツに付加価値をもたらさない場合は、画像を削除してください。

4.残りの画像のファイルサイズを小さくします
不要な画像を削除したら、保持する予定の画像を最適化する必要があります。この文脈では、「最適化」は代替テキストやキーワードを使用することを意味しませんが、SEOも最適化する必要があります。

代わりに、私が意味するのは、各画像を圧縮することです。圧縮により、全体的なファイルサイズを縮小しながら画質を維持し、読み込み時間を改善します。

Adobeなどの画像編集ツールにアクセスできない場合は、代わりにSquooshなどの無料ツールを試してください。画像をいじくり回して、ファイルサイズ(理想的には1 MB未満である必要があります)と画像品質の完璧なバランスを見つけることができます。

HTTPリクエストを減らす手順-残りの画像のファイルサイズを減らす
5.不要なビデオをドロップします
すべての画像がコンテンツに付加価値をもたらすわけではないように、一部の動画はユーザーエクスペリエンスを損ない、ページの読み込み時間を長くします。

正直なところ、このヒントは本当に簡単です。不要な画像やプラグインをカリングする必要があるのと同じように、ウェブページで再生する動画の数を制限します。

どの動画を削除するかをどうやって知るのですか?ええと、ここにルールはありません。ただし、視聴者を教育したり、何らかの形で付加価値を付けたりしない場合は、カットするか、より短く、同等の動画に置き換えてください。

6.レイジーロードを有効にする
「遅延読み込み」とは、ユーザーがウェブページを下にスクロールし始めるまで画像や動画が読み込まれないことを意味します。これはどのようにHTTPリクエストを減らしますか?

メディアはすぐには読み込まれないため、最初のページ読み込みでHTTPリクエストがトリガーされることはありません。ユーザーは通常の読み込みと遅延読み込みの違いを知らないため、ユーザーエクスペリエンスにも影響しません。彼らが知っているのは、下にスクロールすると画像や動画が表示されるということだけです。

レイジーロードを有効にするには、適切な名前のLazyLoadなどのプラグインを試してください。スクリプトはuを取ります

 

pスペースが10KB未満であるため、リソースを大量に消費しません。プラグインをインストールするだけで、すぐに機能します。

HTTPリクエストを減らす手順-レイジーロードを有効にする
7.コンテンツキャッシュを使用する
キャッシングは、HTTPリクエストを減らすための優れた方法です。

基本的に、キャッシュとは、訪問者のブラウザが、すべてを削除するのではなく、Webページの表示に使用したスクリプトのコピーを保存することを意味します。訪問者が戻ってきたときに、必要なスクリプトはキャッシュをクリアしない限りブラウザにすでに保存されているため、これらすべてのHTTPリクエストを再度行う必要はありません。

コンテンツキャッシングのためにWebサイトをプライミングするためのヒントをいくつか紹介します。

必須でない限り、Cookieを使用しないでください。
異なるページにコンテンツを提供する場合は、常に同じURLを使用してください。
画像とビデオのライブラリを構築し、それらを再利用します。
REDbotなどの無料ツールを試して、ウェブサイトのキャッシュ可能性を評価してください。
HTTPリクエストを減らす手順-コンテンツキャッシュを使用する
8.サードパーティのリクエストを減らす
YouTubeやGoogleAnalyticsなどのウェブサイトを適切に表示するために訪問者のブラウザがサードパーティからデータをリクエストまたはダウンロードする必要がある場合、それはサードパーティリクエストと呼ばれます。問題?ページの読み込みにかかる時間は、サードパーティのサーバーが応答する速度によって異なります。

ページの読み込み時間を制御できないため、これは大きな問題です。制御を取り戻すには、埋め込まれたYouTube動画などのサードパーティコンテンツの遅延読み込みを検討してください。また、外部ではなくローカルでGoogleAnalyticsなどの必要なプログラムのスクリプトをホストすることもできます。

最後に、使用するプラグインが独自のサードパーティ要求を行う場合は、可能な場合は別のプラグインに切り替えます。

HTTPリクエストを減らす方法

不要なプラグインを削除する
インストールされているプラ​​グインを特定し、使用していないプラグインを削除します。

重いプラグインを合理化されたプラグインに置き換えます
保持しているプラ​​グインを監査し、利用可能な場合はより効率的なプラグインに置き換えます。

不要な画像を削除する
それぞれがHTTPリクエストを作成するため、付加価値のない画像を削除します。

残りの画像のファイルサイズを小さくする
保存する画像を圧縮して、読み込み時間を短縮します。

不要な動画をドロップする
ページに付加価値を与える動画のみを保管してください。

レイジーロードを有効にする
ユーザーがスクロールすると画像や動画を読み込むことができるプラグインを使用します。

コンテンツキャッシュを使用する
コンテンツキャッシュ用にサイトを準備するには、Cookieの使用を避けてください。異なるページで使用されるコンテンツには同じURLを使用します。画像ライブラリを作成して再利用します。サイトのキャッシュ機能を監査します。

サードパーティのリクエストを減らす
ページの読み込み時間はサードパーティによって異なるため、YouTubeなどのサードパーティから取得したコンテンツは含めないようにしてください。また、サードパーティの要求に依存するプラグインを置き換える必要があります。

結論
HTTPリクエストは、Webサイトを表示し、視聴者に魅力的なエクスペリエンスを提供するために不可欠です。ただし、HTTPリクエストが多すぎると、Webサイトのパフォーマンスが低下し、見込み顧客があなたと取引するのを思いとどまらせる可能性があります。

良いニュース?いくつかの簡単な調整を行うだけで、ブラウザがWebサイトに対して行うHTTPリクエストを減らすことができます。ページの読み込み時間を増やし、ウェブページの視覚的な魅力を高め、最終的には長期的にはコンバージョンを増やすことができます。

ウェブサイトのパフォーマンスを改善するためにどこから始めればよいかわからない場合は、私のコンサルティングサービスをチェックしてください。私がどのように支援できるかを見ていきます。

WebサイトでのHTTPリクエストの数を減らしてみましたか?どの戦略があなたのために働いていますか?