サポート

単一ページアプリケーション(SPA)でのLUXの使用

シングルページ・アプリケーション(SPA)でのLUXの使用 【上級】

Written by Steve Souders

 

リアルユーザーモニタリング(RUM)は、実際のユーザートラフィックを計測するパフォーマンス業界の1つの方法です。SpeedCurveのRUM製品をLUXと呼びます。現在LUXのお客様でない場合は、LUX Getting Started Guide(LUX入門ガイド)を利用しながら、無料トライアルを開始することができます。

一般的なWebサイトでLUXを使うのは簡単です。各ページビューには定義された開始点と終了点(navigationStartとloadEventEnd)があるためです。一方で、「LUXをシングルページ・アプリケーション(SPA)でLUXを動作させるにはには、少し作業が必要です。ページビュー」の定義がSPAの実装によって異なるためです。

 

LUXをSPAと連携させるためには、3つの主要なLUX APIがあります。

  • LUX.init -SPAページ遷移の開始時にこの関数を呼び出します。たとえば、ユーザーがSPAトランジションを引き起こすボタンをクリックした場合、ボタンをクリックした直後にLUX.initを呼び出します。
  • LUX.send -SPAページ遷移の最後にこの関数を呼び出します。たとえば、すべてのJSON応答を受け取り、DOMが更新された後でLUX.sendを呼び出します。
  • LUX.auto -この変数は、LUXにwindow.onloadの一部として初期パフォーマンスメトリックを収集するかどうかを指示します。 デフォルトは真で、その値はほとんどの場合SPAで機能します。 しかし、場合によっては、最初のページビューがSPAコードによって処理されても、ページビューがwindow.onloadの後に発生することがあります。 これがサイトの場合は、LUX.autoを偽に設定し、最初のページビューが完了したらLUX.sendを呼び出すようにします。

SpeedCurveサイト自体はSPAです。SpeedCurveもまた、LUXの顧客です。ですから、SPA内で動作するLUXの例を見たいのであれば、SpeedCurveのドキュメントソースを見てみてください。

 

 

 

 

関連記事

コメント

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

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