サイトの速度が重要な理由とは?|ウェブページの速度を改善する

Webサイトの読み込みに時間がかかると、ユーザー体験、サイトトラフィック、およびSEOに悪影響が及ぶ可能性があります。パフォーマンスが最適化されているWebサイトは、遅いWebサイトよりも有利です。

Share facebook icon linkedin icon twitter icon email icon

サイトの速度

学習目的

この記事を読み終えると、以下のことができます。

  • サイトの速度とは何かを説明する
  • サイトの高速化が重要である理由を理解する
  • サイトの速度を測定する方法を理解する

サイトの速度とは?

レストランで顧客が食事をするために座るとき、ウェイターのサービスが遅いと、多くの場合、Yelpでの評価レビューは悪くなり、将来の顧客の減少につながります。同様に、サイトの速度が遅いと、検索エンジンのランキングが低下し、サイト全体のトラフィックが低下し、ユーザー体験が低下する可能性があります。

Webサイトの速度、またはWebサイトのパフォーマンスとは、ブラウザが特定のサイトから完全に機能するWebページを読み込みできる速度を指します。ブラウザでのレンダリングが遅い、パフォーマンスの低いサイトは、ユーザーを失う可能性があります。逆に、読み込みが速いサイトは通常、より多くのトラフィックを集め、コンバージョン率が高くなります。

Site Speed

サイトの速度が重要な理由とは?

コンバージョン率

サイトの速度がコンバージョン率(またはユーザーが目的のアクションを完了する率)に影響することは複数の研究が実証しています。読み込みの速いサイトに滞在するユーザーのほうが多いだけでなく、遅いサイトに比べてコンバージョン率が高くなります。多くの企業が、数ミリ秒のページ読み込み時間の短縮によりコンバージョン率が増加することを発見しました:

  • Mobifyは、ホームページの読み込み時間を100ミリ秒短縮すると、セッションベースのコンバージョンが1.11%増加することを発見しました
  • 小売業者AutoAnythingは、ページ読み込み時間を半分に短縮した後、売上が12-13%増加しました
  • Walmartは、ページ読み込み時間を1秒改善するとコンバージョンが2%増加することを発見しました

結果として、サイトのパフォーマンスを改善することは、コンバージョン率の最適化の大きな部分です。

直帰率:

直帰率は、1ページのみを表示した後にWebサイトを離れたユーザーの割合です。ユーザーは、ページが数秒以内にロードされない場合、ウィンドウを閉じるか、クリックして別のページに移動する可能性があります。BBCは、ページの読み込みにかかる1秒ごとに合計ユーザーが10%減少することを発見しました。

SEOのベストプラクティス:

Googleはユーザーに関連情報をできるだけ早く提供することを優先する傾向があるため、サイトのパフォーマンスはGoogle検索ランキングの重要な要素です。モバイルデバイスでのサイトのパフォーマンスは、SEOにとって特に重要です。

ユーザー体験:

ページ読み込み時間が長く、ユーザーアクションに対する応答時間が短いと、ユーザー体験が低下します。コンテンツが読み込まれるのを待つことは、ユーザーにとってイライラさせられ、サイトやアプリケーションから完全に離れてしまう可能性があります。

Website Load Time

サイトの速度に影響する要因は何ですか?

ページの重さ:

Webサイトの読み込みに必要なリソースは、サイトのパフォーマンスに大きな影響を与えます。大きなJavaScriptファイル、動画コンテンツ、重いCSSファイル、高解像度の画像はすべて、Webページに大きな「重さ」、つまり読み込み時間を追加します。レストランの例に戻ると、2品や3品ではなく10品の料理をテーブルに給仕するウェイターのほうが、テーブルサービスが遅くなります。同様に、読み込みするためにより多くのリソースを必要とするページは、読み込みがより遅くなります。

Webテクノロジーの機能が向上し、Webサイトがより複雑になるにつれて、Webサイトの軽量化(つまり、ファイルサイズが小さく、読み込みが速い)が難しくなっています。複数のJavaScript機能を必要とする単一ページのアプリケーションから、サードパーティのポップアップ広告を含むページ、背景が変化するホームページまで、開発者はこれまで以上に多くの機能をWebページに追加でき、その結果、ページの平均総重量が増加しています。

ネットワーク条件:

Webサイトが軽量に設計されている場合でも、ネットワークの速度が遅いためにブラウザですぐに読み込まれない場合があります。使用されるローカルネットワーキング機器とISPのサービスの質は、ネットワーク接続に影響を与えます。さらに、WiFi経由でインターネットに接続する代わりに3Gまたは4Gを使用するモバイルデバイスでは、通常、ネットワーク接続が遅くなります。これはほとんど開発者の範疇ではありませんが、低速な接続であっても、Webリソースを迅速に配信するための技術はあります。テクニックには、自動縮小、圧縮、および CDN によるコンテンツのホスティングが含まれます。

ホスティング場所:

コンテンツが必要とされる場所に到達するまでに長い距離を移動する必要がある場合、これにより大量のネットワークレイテンシーが発生します。たとえば、WebサイトのHTMLファイルとCSSファイルがオハイオのデータセンターでホストされ、その画像がフロリダのデータセンターでホストされている場合、西海岸のユーザーはこれらのファイルがすべて何千マイルも移動して自分のデバイスに到達するのを待つ必要があります。

開発者はどのようにWebサイトの速度を測定できるか?

多くの企業や組織がWebサイトの速度テストを提供しています。多くの速度テストでは、パフォーマンスメトリックの提供に加えて、ページの速度を低下させているWebページの個々の要素を特定できます。

どのWebサイトパフォーマンスメトリックが重要?

  • 読み込み時間は、Webページ全体がブラウザに表示されるのにかかる時間です。つまり、すべてのHTTPリクエストを処理する必要があります。ページの基本的なHTMLに加えて複数のリソースを読み込む必要があるため、インターネット上のほぼすべてのページに複数のHTTP要求が必要になります。
  • ページサイズは、ページが機能するために読み込む必要があるすべてのリソースの合計ファイルサイズです。ページサイズは、ブラウザがページを読み込むのにかかる時間に影響を与えます。また、Webページの読み込みに対してデータ料金の支払いをする可能性のあるモバイルユーザーにも大きな影響を与えます。
  • 最初のバイトまでの時間(TTFB)は、ブラウザがWebページを要求してから、応答の最初のバイトが到着するまでの時間を測定します。全体的な読み込み時間はより重要 ですが、TTFBはそれでもWebサイトのパフォーマンスの評価において考慮され、SEOにも影響を及ぼすことがあります。
  • 往復回数は、要求/応答が配信元サーバーを往復する必要がある回数を測定します。Webページに必要な往復が多いほど、レイテンシーは長くなります。
  • 往復時間(RTT) は、リクエストが往復するのにかかる時間です。つまり、リクエストが配信元サーバーに到達し、応答がリクエストを行ったデバイスに戻るまでです。

CloudflareはどのようにWebサイトを高速化するか?

CDN(コンテンツ配信ネットワーク)を使用するWebサイトは、はるかに高速に読み込みます。Cloudflare CDN は、コンテンツをエンドユーザーの近くに保存するために、世界中の165か所以上の場所にコンテンツをキャッシュします。これにより、ユーザーデバイスからの要求が配信元サーバーに至るまで移動する必要がなくなり、結果として読み込み時間とRTTが大幅に短縮されるため、レイテンシーが短縮されます。