javascript - ブラウザが画像などの別のリソースをリクエストする直前に発生するイベントはありますか?

Question

ブラウザがネットワークからリソースを取得するのにかかる時間を測定したいと思います。たとえば、私のページが 10 個の画像と 4 個のスクリプトを読み込む場合、ブラウザがそれらのリソースをネットワークから読み込むのにかかった時間を知りたいと思います。

ブラウザ プラグインを作成することは機能するかもしれませんが、ブラウザごとに異なるツールを作成する必要があります。他に何ができるでしょうか?

Answer 1

Google Speedtracerがこの情報を提供するはずです。リクエストの開始と合計経過時間を示していると思います。

ブラウザー固有の癖が気になる場合は、JavaScript を使用してインライン ロギングを行う必要があるでしょう。

---

次のような非常に基本的なスクリプト:

<script type="text/javascript">
   var startTime = new Date().getTime();
</script>
<img src="yourimage.jpg" onload="console.log('new Date().getTime() - startTime')" />

トリックを行うべきですが、それは非常に侵襲的です。