ウェブサイトの速度テストのしくみ

更新日:2022-05-24 /記事:Timothy Shim

「絵は千の言葉に値する」ということわざをご存知かもしれません。 さて、3.4秒はあなたのウェブサイトのコンバージョンの約XNUMX%の価値があることがわかりました。 これは、ページの読み込みが遅いために大量のビジネスが失われることです。 

では、Webサイトの読み込みが十分に速いかどうかをどのように判断できますか? ウェブサイトの速度 テストは見つけるのに最適な方法ですが、使用できるさまざまなテストがたくさんあります。

この記事では、速度テストを適切に実行し、結果を解釈し、その情報を使用してWebサイトの速度を向上させる方法について説明します。

ウェブサイトの速度を正しくテストする方法

多くのツールを使用して、Webサイトの速度テストを実行できます。 いくつかはあなたにたくさんの情報を与えるでしょう、そしていくつかはあなたに十分に与えないかもしれません。 最も正確な結果を得る最良の方法は、いくつかのツールを使用するか、同じ方法で複数のテストを実行することです。 

レイテンシーの説明
データの移動時間は、物理的な距離によって制約されます。 実際のサーバーの応答時間は、サーバーの場所によって異なります。

結果は多くの場合、 ウェブサーバー テストの原点に関連する位置。 これらXNUMXつが離れているほど、データの移動に必要な時間が長くなり、速度テストの結果に影響を与える可能性があります。

このため、あなたは常にすべきです Webサーバーを選択する あなたが最も多くの訪問者を期待する場所の近く。 たとえば、主に米国ベースのトラフィックを提供するWebサイトは、米国内のどこかにある必要があります。

世界中のオーディエンスに対応する場合は、複数のテスト場所からWebサイトの速度テストを実行すると、距離がさまざまな場所からの訪問者にどのように影響するかをよりよく理解できます。

理想的なサーバー速度テストの方法論

テスト方法にはいくつかの実行が含まれ、次のようになります。

  1. 場所1からテストを実行し、3回繰り返して、すべてのテストの結果を記録します。
  2. 同様にデータを記録して、別のテスト場所からプロセスを繰り返します。 少なくともXNUMXつの戦略的領域からテストすることをお勧めします。 米国、ヨーロッパ、およびアジア。

推奨されるWebサイト速度テストツール

ウェブサイトの速度テストの例
例–でホストされているテストサイトに対して行ったWebサイト速度テスト Interserver (ここに詳細)WebPageTest.orgを使用してさまざまな場所から

サイトのパフォーマンスに関するほとんどの情報を提供するツールは、実際の人間の訪問者を使用してWebサイトの速度をテストします。 たとえば、Pingdomのフルページテストでは、実際の場所(米国、オーストラリア、ヨーロッパ)にある実際のブラウザ(IE9、Chrome、Firefox)を使用して、サイトを読み込み、パフォーマンスレポートを提供します。

ページ上のすべてのオブジェクトを含む完全なエンティティとしてサイトをテストするため、パフォーマンスを向上させるための提案と、サイトの速度を低下させる可能性のあるものについての洞察を提供できます。

ただし、次のような、検討できる便利なWebサイト速度テストツールは他にもたくさんあります。

これらのツールの完全なリストについては、 20の無料のウェブサイト速度テストツールのリスト。

スピードテストの用語を理解する

Webサイトの速度テストは多くの点で役立ちますが、結果の使用方法を理解している場合に限ります。 データの意味を知ることによってのみ、Webサイトのパフォーマンスを向上させるための適切な修正を実装できます。

速度テストの結果の解釈に飛び込む前に、いくつかの用語に精通していると役に立ちます。 これらの用語は主にネットワーキングに関連しています。

レイテンシ

リンクをクリックするか、ブラウザにアドレスを入力してから、結果が画面に表示されるまでの間に発生するすべての時間。 レイテンシーの標準的な測定値はミリ秒(ms)です。

ピン

レイテンシーと混同されることが多いPingは、データのXNUMXつのパケットがコンピューターを離れて宛先に到達するまでにかかる時間を表すために使用される正確な用語です。 レイテンシーと同様に、Pingをミリ秒単位で測定します。

最初のバイトまたは最初のバイトまでの時間(TTFB)

TTFBは、Webサーバーの応答性を示すために使用される測定値です。 TTFBは、ユーザーまたはクライアントがHTTP要求を行ってから、クライアントのブラウザーが最初のバイトを受信するまでの期間として測定します。 

ページサイズ

Webページのサイズは、そのすべてのコンテンツのサイズです。 WebブラウザがWebページを完全にロードするには、以下を含むすべてのコンテンツをダウンロードする必要があります。 HTMLコード、画像、スタイルシートなど。これらのコンテンツの合計が大きいほど、読み込みに時間がかかります。

最初のインタラクティブ

ほとんどのWebブラウザーでは、ユーザーは完全にロードする前にWebサイトでアクティビティの実行を開始できます。 First Interactiveは、これが発生するまでのWebサイトでの時間です。

選択したWebサイトの速度テストツールによっては、より多くの用語が表示される可能性があります。 これらには以下が含まれます:

もっと。 上記のデータを提供するテストを使用する場合は、これらの用語の意味について可能な限り学ぶようにしてください。

速度テスト結果の解釈

GoogleのPageSpeedInsightsは、 ウェブサイトのパフォーマンス.

上記の用語からわかるように、すべてのWebサイト速度テストツールにXNUMXつの解釈方法を適用するのは難しい場合があります。

このため、例としてXNUMXつのツールを使用します– GoogleのリソースPageSpeed.

グーグルがそれを提供し、検索の巨人が何を好むかを示す可能性が高いので、グーグルページスピードインサイトは優れています。 また、非常にユーザーフレンドリーで、発見された問題に対処するための視覚的な結果とアドバイスを提供します。

Googleは、モバイルとデスクトップのパフォーマンスを個別にテストし、First Contentful Paint(FCP)、First Input Delay(FID)、Largest Contentful Paint(LCP)、およびCumulative Layout Shift(CLS)のXNUMXつの主要な要素に焦点を当てています。

テストされた各領域は、数秒で結果と品質表示バーを返します。 緑は良いことを意味し、オレンジは改善が必要であることを意味し、赤はより緊急の注意が必要です。

ページを下にスクロールすると、個々のテスト領域の内訳とそれぞれに寄与する要因が表示されます。 これを使用して、Webサイトに外科的改善を加えることができます。

また読む

遅いウェブサイト速度テスト結果のトラブルシューティング

速度テスト結果データ-ウォーターフォールチャート
通常、最も優れた速度テストツールによって提供されるウォーターフォールチャートは、Webページ要素の読み込みの詳細な進行状況を示し、何がより多くの時間を占めるかを確認できます。 

ほとんどの遅いウェブサイトは、同様の一連の欠陥の結果です。 たとえば、CLSのタイミングが長い場合は、画像を適切に最適化できなかったことが原因です。 しかし、注意が必要な分野の数を考えると、これらを包括的にカバーすることは不可能です。

一般的な問題と解決策は次のとおりです。

未使用のJavaScriptを減らす

動的なWebサイト( WordPress )この問題が頻繁に発生します。 優れたキャッシュプラグインを使用してJavaScriptの冗長性を減らすことで、この問題に対処できます。

サードパーティのコードの影響を減らす

今日の多くのWebサイトはモジュール式であり、さまざまな開発者(Google、Facebook、Fontsなど)のコンポーネントを使用しています。 この組み合わせにより、パフォーマンスに影響を与える凝集性が失われることがよくあります。 Webサイトを合理化し、使用するコードソースをできるだけ少なくします。

サーバーの初期応答時間を短縮する

本質的に、グーグルはあなたのウェブサーバーが最悪だとあなたに言っています。 標準以下のウェブホスティングでは速度が低下することが多く、別の場所に移動する以外にできることはほとんどありません。 ホスティングプロバイダ.

画像要素には明示的な幅と高さがありません

多くのウェブサイトの所有者は、それ以上の修正をせずに単に画像をアップロードするという間違いを犯しています。 画像をアップロードするときは、ウェブブラウザを混乱させたり、読み込み時間の遅延を引き起こしたりしないようにパラメータを指定してください。

次世代フォーマットで画像を提供する

画像の場合、サイズだけでなく、画像形式も重要です。 WebPのような次世代フォーマットは圧縮率を高め、画像をWeb経由でより高速にダウンロードできるようにします。

効率的なキャッシュポリシーで静的アセットを提供する

一部のコンテンツは、訪問者がWebサイトをロードしたときにダウンロードされ、ブラウザーに保持されます。 このプロセスは、繰り返し訪問のパフォーマンスを向上させるのに役立ちます。 キャッシュポリシーを設定すると、ブラウザはリクエストを繰り返す前にそれらの画像を保持する期間を知ることができます。

過度のDOMサイズを回避する

DOMは、Webページのサイズを指します。 過度のDOM警告が表示されるということは、ページの合理化を検討する必要があることを意味します。 これは、ページ上の画像の数を減らしたり、使用するセクションを減らしたりするなど、さまざまな方法で実行できます。

大きなレイアウトシフトを避ける

動的Webサイトは、オンザフライでページセクションを生成します。 これらのサイズ変更可能な要素の多くがページにある場合、レイアウトが頻繁にシフトし、ユーザーエクスペリエンスが低下します。 可能な場合は、ページ要素を適切に定義してください。

可能性は無限大。 これらの問題をXNUMXつずつ修正する前に、Webサイトを完全に最適化することを検討することをお勧めします。 Webサイトの所有者が実装する必要のある、広く受け入れられているパフォーマンスの強化が多数あります。

詳細については、 WHSRのガイド ウェブサイトのパフォーマンスを向上させる.

ウェブサイトの速度テストに関する最終的な考え

Webサイトの速度テストは、Webサイトのパフォーマンスのスナップショットを取得するための優れた方法です。 これらのツールは使いやすく、一般的に比較的正確なデータを提供します。 もちろん、多くの優れたWebサイト速度テストツールが無料であることも役立ちます。

ただし、上記のステートメントの有効な単語は「スナップショット」であることを覚えておく必要があります。 ウェブサイトの速度テストは静的であり、ウェブサイトに小さな変更を加えると、結果が大幅に変わる可能性があります。 そのため、Webサイトの定期的なパフォーマンス評価をスケジュールし、新たに発見された問題をできるだけ早く修正することをお勧めします。

続きを読む

ティモシーシムについて

ティモシー・シム(Timothy Shim)は、作家、編集者、テクニカルオタクです。 情報技術分野でキャリアをスタートした彼は、急速に印刷物を見つけ、ComputerWorld、PC.com、Business Today、The Asian Bankerなどの国際、地域、国内メディアのタイトルを扱ってきました。 彼の専門知識は、消費者だけでなく企業の観点からも技術分野にあります。

接続します。