2016-05-02 3 views
1

角型JS(単一ページアプリケーション)のプログラムでページ読み込み時間を計算する方法はありますか?私はwindow.performance.timingをマルチページアプリケーションに使用しましたが、シングルページアプリケーションでは正しく動作しません。誰かがシングルページアプリケーションでトラックページの読み込み時間を助けますか?助けてください。角型JSアプリケーション(単一ページアプリケーション)のページ読み込み時間を計算する方法

答えて

2

私はあなたがBatarang + Chrome DevToolsを使用することでそれを達成できると思います。それはあなたのアプリのパフォーマンスを追跡するのに役立ちます。

OPは、プログラムでページの読み込み時間を取得したいので、更新:

可能な解決策は、同様の質問hereに提供される一つかもしれません。

他のスクリプトを読み込む前に現在の日付を取得し、角型アプリケーションが実行フェーズに達すると日付を取得するだけで済みます。次に、両方の日付を減算すると、読み込み時間が得られます。

だから、あなたが持っているでしょう:

あなたの主な角度モジュールで
<script type="text/javascript"> 
    var timerStart = Date.now(); 
</script> 

そして:

angular.module('app', []). 
    config(function() { 
     // some code 
    }). 
    run(function($window) { 
     console.log("Time until reaching run phase: ", Date.now() - $window.timerStart); 
    }); 

はテストしていないが、それは動作するはずです。

+0

私はプログラムでこれを実装する必要があります:(。 –

+1

返信用Thanx:これらは私の位置変更成功関数に入れます。var pageLoadTime = Date.now() - $ window.performance.timing.navigationStart; この値は場所が変更されている間は正しいロード時間ですか? –

+0

Ajaxリクエストが完了する前にこれらの値を取得していますので –

関連する問題