有哪些工具可用于分析浏览器处理页面的时间

Question

我们现在正在对我们的网站进行性能调整，并将主页面内容降至值得尊敬的65毫秒，以便firefox抓住它（从请求到完成接收HTML）。

缓存意味着通常不需要从服务器请求其他内容（在初始页面视图之后）。

然而，firefox花费另外400毫秒直到onload fires 。我假设这是firefox解析我们的html，从缓存中获取图像，css和js，解析css和js以及渲染页面所花费的时间。

所以，我的问题是，我如何深入研究这400毫秒的死时间，并找出大部分时间花在哪里？例如。如果我知道css解析需要很长时间，我可以查看并根据需要将其打开。

我真的没有任何足够复杂的工具来做这件事。有什么建议吗？

更新：我知道何时加载资源（如图片等）。另一次，在我试图查看资源加载之后。 YSlow对这个领域没有帮助。

Answer 1

带有Firebug附加组件的

YSlow是了解加载时间最长的资源的绝佳工具。

Answer 2

除了Tim S Van Haren提到的萤火虫和yslow之外，谷歌还有Page speed，也是一个萤火虫附件。

---

编辑：Crockford在他的演讲中建议使用Dynatrace来使用IE浏览器，或使用Chrome中的开发人员工具。显然，Firefox还没有达到这种精确度的扩展，但是自谈话以来它可能已经改变了

Stackoverflow上还有this previous thread

Answer 3

您可能想尝试Fiddler。您可以查看来自多个浏览器的HTTP流量，并查看页面资源的加载时间。