サポート

SpeedCurveをWebパフォーマンスツールキットに適合させる方法

 Mark Zeman

 2013年7月3日水曜日

ここ数年、Webパフォーマンスモニターツールセットは、多くの新しいサービスと製品の導入によって劇的に拡張されました。Webパフォーマンス監視には、主にアップタイムモニターとリアルユーザーモニター(RUM)の2種類があります。SpeedCurveでは、Webパフォーマンスのベンチマークと呼んでいるものに焦点を当てています。

 

稼働時間の監視

PingdomやUptime Robotのようなアップタイムサービスは、数分ごとにHTTPリクエストを送って、それがオンラインで利用可能かどうかをチェックします。これらのサービスは、多くの場合、サーバーへのネットワークルートを監視するためにさまざまな場所からチェックし、Webサイトがダウンした場合にはEメールとtxtでアラートを送信します。その多くの場合、レポート作成は単純で、最初のHTMLページのロード時間だけがレポートされますが、サーバーが稼働しているかどうかを確認するには最適です。テストはデータ・センター内のサーバーから実行されますが、実際のユーザーが利用する速度を正確に表していないため、これはシンセティック(合成)テストと呼ばれています。

 

リアルユーザーモニタリング(RUM)は、パフォーマンスデータをユーザーのブラウザからNew RelicGoogle Analyticsのようなクラウドサービスに直接送り、何百万もの測定結果を集約して報告します。

RUMは、さまざまなプラットフォームや国ごとで、ユーザーがブラウザで実際に体験していることを最も現実的にイメージを提供します。Google Analyticsは最近サイト速度レポートを更新し、追跡コードのサンプルレートを変更するだけで、毎日最大1万ページの負荷を測定できるようにしました。追跡するページにはRUMコードを追加する必要があります。そうすれば、自分のWebサイトの詳細なパフォーマンス情報だけを入手することができます。

New Relicのリアルユーザーモニタリングダッシュボード。

 

Webパフォーマンスのベンチマーク

SpeedCurveは、アップタイムでもリアルユーザーモニタリングサービスでもありません。私たちは、他の製品ではできない方法で2つの重要なベンチマーク技術を組み合わせることに焦点を当てています。

まず、ウェブサイトの構築の詳細な分析を行います。ページが行う各要求の詳細を掘り下げ、フロントエンド・コードがサイトのパフォーマンスにどのような影響を与えているかを示します。この分析は、業界をリードするオープンソースプロジェクトWebpagetestに基づいています。

重要なのは、この分析を24時間ごとに行うことで、フロントエンド・コード・ベースへの変更を時系列で監視し、回帰問題を検出し、パフォーマンス最適化の変更による継続的な影響を監視できることです。

次に、SpeedCurveでは、ウェブサイトをライバルやカテゴリーリーダーと比較します。これは、各サイトの3つのページを監視することで実現しているため、個々のページだけでなく、サイト全体を確実に比較できます。高速化が必要なのはホームページだけではありません。

このベンチマークは、各Webサイトの相対的なパフォーマンスを提供し、競合他社が自社のサイトよりも高速にするためにどのような方法をとっているかを確認できます。彼らはあなたよりリクエスト数が少ないのか? 画像は最適化されてスプライトシートにグループ化されて読み込みが2秒速くなっているか?これらをSpeedCurveが教えてくれます。

Webパフォーマンスのベンチマークは、Webサイト構築時のパフォーマンスの問題に焦点を当て、競合他社と直接比較して、非常にスピーディなWebサイトでユーザーを満足させ続けるために役立ちます。

 

推奨されるWebパフォーマンスツールセット

リアルユーザーモニタリングツールと、SpeedCurveが提供する詳細なビルドと競合ベンチマークを組み合わせることが重要です。このようにしてリアルユーザからの重大で高レベルなパフォーマンスメトリックと、SpeedCurveからの詳細なビルド分析とベンチマークによって、両方の世界の最良のものを得ることができます。

私たちのお気に入りのRUMツールはNew Relicです。サーバの稼働状態、アップタイム、バックエンドから、リアルユーザモニタリングまで、スタック全体を見渡すことができます。各サーバにエージェントをインストールする必要があるため、共有ホスティングでは動作しません。その場合はGoogle AnalyticsかPingdomを使います。

New RelicとSpeedCurveを組み合わせれば、バックエンドスタック全体、サイトのフロントエンド、競合他社のパフォーマンスを詳細に把握できます。

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。