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')" />

应该可以解决这个问题，但它具有很强的侵入性。