如何测试网站部件的性能?

时间:2011-08-04 11:32:05

标签: javascript performance testing

我实际上已经找到了一份工作来测试一个在某种程度上与其性能有关的网站。详细信息我应该选择文档的不同部分并查看他们的等待 - >加载 - >完成状态。由于我熟悉firebug,我已经测试了很多网站作为一个整体。但是现在我需要知道什么时候开始特殊的DIV渲染,什么时候完成以及它等待多长时间。我们的目标是找出网站的部分时间,直到画了多久。

3 个答案:

答案 0 :(得分:0)

我怀疑您是否能够以您想要的方式测量页面的各个部分。我会通过删除页面的一部分,测量子集页面,并从这些测量中推断出哪些部分最慢来实现此目的。

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

答案 1 :(得分:0)

AFAIK,打印div的速度不是你应该担心的。如果有一些sererside语言,那么我建议在一个部分开始之前将变量分配给当前时间并将其与该部分结束后的时间进行比较。你可以减去它们,以便花时间完成工作。

如果涉及到javascript,那么我会建议使用chrome dev工具的时间轴面板。它显示了所有内容,从css重新计算和打印样式/ div到ajax /(如果使用)db查询..

答案 2 :(得分:0)

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

因此,当特殊的DIV渲染开始时,此工具将捕获相同的请求和响应时间。

http://www.httpwatch.com/

一切顺利!