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

Question

我们正在调整我们的网站，并将主页面内容降低到可敬的65ms，以便firefox抓住它（从请求到完成接收HTML）。

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

但是，firefox花费另外400毫秒，直到onload火。我认为这是firefox解析我们的html，从缓存中获取图像，css和js，解析css和js并渲染页面的时间。

所以，我的问题是，我怎么钻进这400毫秒的死时间，并找出它的大部分花费？例如。如果我知道css解析需要很长时间，我可以检查并根据需要进行解析。

我没有真正有足够的工具来完成这项工作。有什么建议么？

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

Answer 1

除了由Tim S Van Haren提及的萤火虫和yslow，谷歌也有Page speed，也是一个萤火虫附加组件。

---

编辑：克罗克福德建议在他的关于JavaScript的使用Dynatrace的IE浏览器，或在Chrome开发者工具会谈。显然，火狐不具备的精度该级别的扩展还，但由于通话

它可能已更改，并且也this previous thread＃2

Answer 2

Firebug与YSlow加载项是用于查看哪些资源加载时间最长的工具。

Answer 3

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