Javascript 如何测试网站部件的性能？

事实上，我已经找到了一份工作来测试一个网站，这个网站在某种程度上正在与它的性能作斗争。详细地说，我应该选择文档的不同部分并检查它们的等待->加载->完成状态。因为我熟悉firebug，所以我测试了很多网站。但是现在我需要知道什么时候开始一个特殊的DIV渲染，它什么时候完成，以及它之前等待了多长时间。我们的目标是找出网站的哪一部分需要多长时间才被绘制出来

我怀疑你能否按照你想要的方式测量页面的各个部分。我将通过删除页面的一部分，测量子集页面，并从这些测量中推断出哪些部分最慢来实现这一点

---

请记住，这种逻辑可能是不正确的。例如，您可能有一个包含两部分的页面。您可以通过创建子集页面来独立测量这两个部分。两部分相加的时间不等于总时间。一部分看起来比另一部分慢并不意味着当组合起来时，“慢”部分占了大部分时间。浏览器是非常复杂的机器，它们并不总是按照你想象的方式运行。

好吧，打印div的速度不是你应该担心的。如果有某种sererside语言，那么我建议在部分开始之前将变量分配到当前时间，并将其与部分结束之后的时间进行比较。你可以减去它们，得到计算出这一部分所需的时间

---

如果涉及javascript，那么我建议使用chrome开发工具的时间线面板。它显示了一切，从css重新计算和打印样式/div到ajax/（如果使用）db查询

由于您熟悉Firebug，您可以使用HttpWatch工具记录浏览器发出的所有特定http请求的确切请求和响应时间

因此，当一个特殊的DIV呈现启动时，这个工具将捕获相同的请求和响应时间

祝你一切顺利