ナビゲーションタイミングAPIを理解する

Question

Navigation Timing APIの周りに頭を抱えようとしています。私は、次の例を見てみると：上記の場合

function onLoad() { 
    var now = new Date().getTime(); 
    var page_load_time = now - performance.timing.navigationStart; 
    console.log("User-perceived page loading time: " + page_load_time); 
} 

私は、ブラウザを開いて、これらの3行を実行する場合、私は非ゼロの数を取得しています。実際にナビゲーションが行われていなければ0になると思うので、この仕組みが分からないようです。

DOMの読み込みにどれくらいの時間がかかるか知りたい場合は、このAPIをどのように使用しますか。ページに移動して実行すると、次のように実行されます。

performance.timing.navigationStart; 

私はこの番号をどのように取得しますか？これが最後に読み込まれたページですか？

Answer 1

Ok、答えはhereです。

PerformanceTiming.navigationStart読み取り専用プロパティは、アンロードのプロンプト直後のUNIXエポックが、同じ閲覧コンテキスト内の前の文書で終了する瞬間を表す符号なしlong longを返します。 以前の文書がない場合、この値はPerformanceTiming.fetchStartと同じになります。

PerformanceTiming.fetchStart読み取り専用プロパティーは、UNIXエポックからのミリ秒単位で表した符号なしlong longを返します。ブラウザはHTTP要求を使用してドキュメントをフェッチする準備ができています。この瞬間は、アプリケーションキャッシュのチェック前です。