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

应该做的伎俩，但它非常具有侵入性。