SiteSpeed

はじめに

Fanplayr SiteSpeedは、ウェブサイトにロードされるページやリソースのリアルタイムパフォーマンスメトリクスをキャプチャします。ウェブサイトのクローラーに頼ってサイトのパフォーマンスをサンプリングおよび概算するのではなく、SiteSpeedは各訪問者のユニークな視点から直接メトリクスをキャプチャし、あらゆるデバイスと場所からの各ページのパフォーマンスを正確に把握できるようにします。

パフォーマンスの測定

DOMインタラクティブ時間

訪問された各ページのパフォーマンスを測定するために使用される主要なメトリクスは、DOMインタラクティブ時間と呼ばれます。このイベントは、ブラウザが初期HTMLドキュメントと、スクリプトやスタイルシートなどの初期レンダリングブロックリソースのロードと解析を完了したときに発行されます。高速なDOMインタラクティブ時間は、ユーザーに満足のいく体験を提供するために不可欠です。

Apdex評価

Fanplayrは、ユーザー体験の測定に役立つ単一のメトリクスを提供するために、Apdex評価を計算します。これは、あらゆるユーザー体験メトリクスを測定するための標準化された方法であり、SiteSpeedはこのアルゴリズムにDOMインタラクティブ時間を使用します。

Fanplayrは、すべてのページビューを分析し、あなたのサイトにとって典型的な「高速」なページ時間とは何かというベースラインを計算します。これが満足時間と呼ばれ、この値以下のDOMインタラクティブ時間を持つページビューは、全体的なユーザー体験を向上させます。満足時間の3倍までの遅さのページビューは許容されるビューと見なされ、それよりも遅いものは不満のあるユーザー体験につながる可能性があります。これら3つのカテゴリに分類されるページビューの分布が組み合わされ、0から1までのApdex評価を生成し、全体的なユーザー体験の指標を提供します。

• Apdex測定評価が0.94から1.0の間は、素晴らしいパフォーマンスに相当します。
• Apdex評価が0.85を超える場合は、良好なパフォーマンスに相当します。
• Apdex評価が0.7から0.85の間は、まずまずのパフォーマンスに相当します。
• Apdex評価が0.7未満の場合は、低いパフォーマンスに相当します。
• Apdex評価が0.5未満の場合は、許容できないと見なされます。

全体的なApdexパフォーマンス評価と分布の例。

EコマースKPI

ページの読み込みパフォーマンスがコンバージョン率、AOV、および直帰率にどのように影響するかを示すために、DOMインタラクティブ時間が主要なEコマースメトリクスと対比してプロットされます。

地理的測定

SiteSpeedは、世界中のあらゆる場所からのDOMインタラクティブ時間も可視化します。色のスケールは、より速い地域を青で、より遅い地域を赤で表します。国をクリックすると、その州や県にドリルダウンして、より小さな地域からのパフォーマンスタイミングを確認できます。このズームインモードでは、マーカーのサイズもその場所からのページビュー数を表します。密にグループ化されたマーカーの上にマウスを合わせると、その領域の拡大鏡が表示され、個々の地域を正確に特定できます。(動作を見るには以下のビデオをクリックしてください！)

Loading embed...

ページおよびリソースURLごとのパフォーマンス

様々なテーブルが、ページ、デバイス、さらには個々のリソースレベルでパフォーマンスを分解して表示します。リソーステーブルには、ブラウザがリソースをダウンロードするのにかかった合計時間である期間メトリクスが表示されます。

制限事項

キャプチャされるリソースの数

最新のウェブブラウザは、デフォルトでページにロードされる最初の150個のリソースのパフォーマンスメトリクスをキャプチャします。これは、Fanplayrのリソース測定が、多数のアセットに依存するページで行われるすべてのリクエストを表していない可能性があることを意味します。

このデフォルトの制限は、ドキュメントの早い段階で少量のJavaScriptを追加することで、パフォーマンスエントリバッファサイズを新しい最大制限に増やすことで簡単に引き上げることができます。

<script>
if (window.performance) {
  performance.setResourceTimingBufferSize(/* 新しい制限値 */);
}
</script>

この制限を増やすと、ブラウザが使用するメモリ量が増加し、メトリクス情報をFanplayrに送信する際の訪問者の使用する帯域幅が増加することに注意してください。変更を加える前に、このデフォルトの制限を増やすことがユーザーに与える可能性のある影響を考慮する必要があります。例えば、モバイル訪問者は、特に携帯電話回線経由でインターネットを閲覧している場合、メモリと帯域幅の制約をより多く抱える傾向があります。