3

ドメインで実行され、他のさまざまなドメイン (サードパーティのリソース) から画像を取得するスクリプトを作成しました。

私はwindow.performance.getEntriesByType('resource')物事の一般的な健康診断を受けるために使用しようとしています。これらのリソースは他のドメインにあるため、Timing-Allow-Originを介してタイミング データを取得するには、応答が応答ヘッダーに設定されている必要があるようwindow.performance.getEntriesByType()です。

これは本当ですか?

さらに、スクリプトを実行すると、Chrome ブラウザ有用な情報を返します。実際、プログラムで取得できれば、このデータを使用できます。ただし、Chrome が表示するデータと返されるデータはwindow.performance.getEntriesByType()異なります。

スクリーンショットを添付しました。これは、Chrome がリソースをロードする際の便利なタイミングの内訳を示しています。パフォーマンスによってエントリ オブジェクトのデータが一致しません。

たとえば、右側のタイミング グラフで DNS ルックアップ時間を確認してから、パフォーマンス エントリ オブジェクトの domainLookupStart 値と domainLookupEnd 値を確認します。これらの値は互いに一致しません。

不一致があるのはなぜですか? Chrome のデータを取得するにはどうすればよいですか? パフォーマンス エントリ オブジェクトから Chrome が表示しているものを取得するにはどうすればよいですか?

ありがとう!

Chrome リソースの読み込みタイミング グラフ

4

1 に答える 1