ウェブサイトのベンチマーク

最初のバイト、最初のcontentful塗料、DNS応答時間、往復時間、およびリストに時間がオンとオンになります.これらすべてのmetrics , どのようにあなたが監視する必要が最も重要なものを知っているはずですか?
これらの数字がどのように見えるかを理解するには、参照点を取得する必要があります.あなたに出発点を与えることになっている何か.あなたのパフォーマンスが改善されたか、時間をかけて劣化した場合に理解するために将来の結果と比較できるようになる番号.このプロセスは、ウェブサイトのパフォーマンスベンチマーキングと呼ばれます.

なぜベンチマークあなたのウェブサイト？

あなたのウェブサイト上でベンチマークを実行する方法を実行する方法についての洞察力を持つので、競争力のあるエッジを確保する決定を下すことができます.それはあなたの競争とどのような分野を改善することができますまたはあなたの即時の注意を必要と比較して立っている場所の明確な画像を描画します.

ベンチマークのメトリクス

実際には、各メートル法は、パフォーマンスに洞察力を提供することができますし、同じ業界で他の同様のサイズのサイトに関連して立っているところ.しかし、ユーザーが重要なものに焦点を失うようにすることができます見て、メトリックの数十があります.あなたが始めるのを助けるために、私はあなたがベンチマーク目的のためにモニターしなければならないことを推薦する主なメトリックを選びました:

ttfb -最初のバイトへの時間website performance metric それはあなたのサーバーが最初のパッケージでどれくらい速く反応するかをあなたに伝えます.

ページサイズ-すべてのCSS、JavaScript、画像、HTMLの合計サイズ.

リクエストの数-ファイル、画像、またはスクリプトを読み込むたびに、要求を作成します.より多くの場合、サーバーがそれらを提供するより多くの時間があります.

最初のcontentful塗料-瞬間あなたのヒーローのセクションが表示され、完全にロードされて

TTI -インタラクティブに時間、サイトは、ユーザーの入力に対応できる瞬間を指示メトリック.

ページの速度と負荷時間-これはすべての単一のリソースが完全にロードされ、ユーザー入力に対応できるポイントです.

私はしばらくの間行くことができました、しかし、これらはあなたが始めるべきものであると思います.彼らはベンチマークのための固体ベースラインを与え、あなたが持っている可能性がありますし、競合他社と比較してデータを与えるすべてのパフォーマンスの問題まで、インテルを提供します.
私は最初のベンチマークとあなたが見ている値のメモを作ることをお勧めします.あなたは定期的に戻ってくるし、時間としてどこに立って理解するためにそれらに対してチェックしたいと思います.

どのようにベンチマークのウェブサイト：ベンチマークの例

このプロセスは最初に結果を収集するベンチマークウェブサイトを見つけることが含まれます.出発点として.HTTP Archive コンテンツ、個々の応答時間、HTMLドキュメント転送サイズ、およびその他の平均ウェブサイトのサイズについていくつかの興味深い統計情報を提供しています.しかし、この情報は非常に一般的であり、高速読み込みサイトで知られている特定の業界に特有ではありません.
これはベンチマーキングツールが登場するところです.ツールSematext Synthetics , 我々synthetic monitoring ソフトウェアは、ロード時間、サードパーティのAPIの安定性、複数のデバイス間のWebパフォーマンス、および大いに多くのようなあなたのウェブサイト上でテストの広い範囲を実行するのに役立ちます.
Sematext合成セットを取得する非常に簡単です.アフター・ユーsigned up 無料アカウントの場合は、監視するプロパティを追加を開始できます.
プロジェクトを作成するか、すでにそこにあるものを使用します.この例についてはBrowser Monitors . あなたのウェブサイトの要求から来て、次のヒットを選択領域.
この手順では、要求するアクションの型を正確に説明します.これは、“サイトを開いてスナップショットを取る”などの基本的なことができますまたは“サインインとカートに追加”として深く行くSematextは、例としてコードの多くの部分を提供していますので、右のコードを把握しようとするの周りに多くのフィジーをするつもりはない.
私の例では、

<script>

// This script loads the webpage and takes a screenshot of the loaded page.

async function testPage(page) {

  // Replace &lt;YOUR-WEBPAGE-URL> with URL of the webpage to be monitored

  await page.goto("&lt;YOUR-WEBPAGE-URL>");

  await page.screenshot({ path: 'screenshot.png' });

}

module.exports = testPage;

</script>

モニターでライブする前の最後のステップはsetting up the alerts . これらは特定の条件が満たされるたびに通知をトリガーする閾値です.
あなたはここで複数の条件を持つことができます、そして、あなたがそれを考え出したかもしれないように、あなたは各々のためにしきい値をセットしなければならなくて、「Create」を打たなければなりません
そして、それを使用すると、自分自身を設定し、プリセットの間隔であなたのウェブサイトをベンチマーキングを開始する準備ができている.あなたが上記の条件に基づいて設定されているアラートは、あなたのウェブサイトを2番目のあなたのウェブサイトを起動するメッセージを送信する“演技”これは、あなたのユーザーと彼らの影響を与える前に、問題に取り組むことができる初期の警告システムを持っていることを保証しますsatisfaction level .
ダッシュボードは、すべての鳥の目のビューを与えるwebsites you monitor そして、現在のステータス、最新の障害、平均応答時間、およびその他の貴重な情報に関する詳細.

しかし、それはあなたがSimatext合成のより印象的な部分に入る少しより深く掘り始めるときだけです.個々のテストを見ることができるし、どのようにウェブサイトを実行し、彼らは以前に確立した基準を満たしている場合を参照してください.あなたはロードされたリソースを参照してください、前後に送信されたログ、ページサイズ、応答時間、要求の数、および多くの詳細を送信します.

ウェブサイトのベンチマーキングベストプラクティス

他のほとんどすべてのように、ベンチマーク分析を実行するとき、あなたが意識しなければならない少しの詳細、あなたが意識しなければならない特定のベンチマーキングPet Peevesがあります.

1 .類似ページの比較

ページを選ぶとき、あなたは、あなたが類似したものを選ぶことを確認するために、ベンチマークをしたいです.eCommerceウェブサイトの製品ページ対カテゴリーページをテストすることは、あなたに若干の本当に歪んだ結果を得て、あなたが探していた貴重な情報を提供しないかもしれません.

2 .複数の場所とデバイスをテストする

あなたのユーザーは、世界中のさまざまな場所からあなたのウェブサイトを使用して、ウェブサイトは、米国の人々と同じくらい速くインドで人々を提供することができる必要があります.他の人がラップトップを使用する間、いくつかのモバイルデバイスを使用することがありますので、心の中でこれを維持する方法のより良い理解を提供しますlatency 影響を与えるuser experience .

平均の代わりに競争相手に対するベンチマーク

あなたが異なる産業からサイトを比較するとき、平均は誤解を招くことがありえます.あなたがGoogleの平均ページ速度をとるならば.comは、100 K +製品を持っているあなたのeコマースストアに対してそれを比較すると、それはあなたのサイトは、これは必ずしもケースではないかもしれないが、パフォーマンスの点でオフになっていると思うようになります.
だけではなく、平均を見て、あなたの競争相手のパフォーマンスを比較する必要があります.これは、おそらくあなたがおそらく使用されている本当の業界平均を提供します.

より深く掘る

負荷時間は、ウェブサイトのパフォーマンスの良い一般的な指標ですが、それは見て適切なことではないかもしれません.あなたはどのようにあなたのユーザーがあなたのウェブサイトを経験しているかを理解するために少し深く掘り下げたいと思うでしょう、そして、見る最初のメトリックは最初のバイトと時間への時間です.あなたがこれらの2つを確立した後、あなたはラウンドトリップ時間、リクエスト番号などのような他に移動することができます.

5 .あなたのサイトが何をしていないかを理解する

あなたのウェブサイト上のすべての時間を手動でテストを実行することはできません.代わりに、あなたのパフォーマンスが一日を通して一貫したままであることを確認するために、これらのテストをスケジュールしたい.特定の時間と異なる場所からのスケジューリングのテストでは、あなたのウェブサイトの実行方法の良いアイデアを与える.

モニタサードパーティAPI

実際、彼らは信頼されることができますが、ロシアのことわざが行くようにだから、確認してくださいmonitor your APIs 彼らは大きな影響を与えることができるので how users experience your website .

結論

私が既に言及したように、ウェブサイトのベンチマーキングは、複雑に聞こえるながら、あなたのパフォーマンスの出発点を確立するのに役立つかなり単純なプロセスです.それはあなたの仕事をする必要がありますベースラインを知っているし、あなたの競争相手のあなたのウェブサイトを評価するのに役立ちます.
完全なベンチマーク分析を使用すると、正確にどこに問題領域があるかを正確に特定することにより、サイトを最適化するために必要なすべての情報を提供します.
Sematext Synthetics あなたがどこにあなたの競争と比較して立って、パフォーマンスの脆弱性を把握し、不良ユーザーの経験を防ぐために役立つ素晴らしいベンチマークツールです.このすべて starting at just $2/month そして、あなたのための30日間の試用期間をテストする!
読めるthis blog post 合成がどのように機能するか、そして、なぜあなたがそれを使用するべきかについて詳しく知るために.さらに、サイトの全体的なパフォーマンスを向上させ、向上させる方法についてより多くの光を当てるいくつかの記事を作成しました.

Top 10 best website performance monitoring tools

Top 15 website speed testing tools

Guide to API monitoring: Basic metrics and choosing the right tools

以前公開されたhttps://sematext.com/blog/website-benchmarking/