動的コンテンツが loadEnd などのタイミング値に影響を与えるかどうかを知りたいです。たとえば、ページを読み込んだ後、jquery を使用してコード内の画像の 'src' 属性を条件付きで変更します。これはどのように処理されますか?画像をロードする前後の値を確認してテストしてみましたが、この画像がロードされた後に値が変化するようには見えません。これは、Navigation Timing API に動的コンテンツの読み込みが含まれていないということですか?
1 に答える
ドキュメントのイベントが発生して返されると、 NavigationTimingプロパティの値が設定されます。loadEventEnd
load
loadEventEnd 属性
この属性は、現在のドキュメントの読み込みイベントが完了した時刻を返す必要があります。load イベントが発生していないか、完了していない場合は、0 を返す必要があります。
あなたの声明から:
...ページを読み込んだ後、 jqueryを使用してコード内の画像の「src」属性を条件付きで変更します...
ボディのイベントが発生しsrc
たときまたは発生した後にa 属性を変更しているようです。イベントはページで 1 回しか発生しないため、load
プロパティがゼロ以外の値に設定されると変更されることはありません。そのため、新しい をダウンロードするのにかかる追加の時間は反映されません。load
window.performance.timing.loadEventEnd
img src
変更する追加の画像をダウンロードするのにかかる時間を含めたい場合は、その画像のイベントsrc
にフックできます。load
そのイベントが発生したら、の代わりに比較Date.now()
して、経過したページ読み込み時間の合計を取得します。navigationStart
loadEventEnd