如何确定页面加载完成以测量加载时间

Question

我需要在页面导航上测量加载时间。这是我的情况： 当我导航时，随着ajax元素的加载，页面变得花费可变时间。如何确定页面已满载以正确测量其加载时间？ 我不能具体地说定位特定元素（文本，表格或图像......）表示页面加载取决于数据的完整页面加载。 请帮我处理这种情况。

由于

Answer 1

您是否希望能够“根据需要”对此进行测试，或者您是否希望对页面进行检测以便从所有用户收集数据？

如果您只是需要在临时基础上进行，那么http://webpagetest.org将对您有所帮助 - 只要它们包含它们的AJAX请求之间的间隔不会太长。

如果您希望在所有AJAX调用中收集数据，那么您需要检测成功和失败回调以存储它们完成的时间并计算最后一个和页面启动之间的差异。然后，一旦您将此值推送到Google Analytics或其他内容。

如果所有的AJAX调用都是在onload触发之前完成的，那么Google Analytics中现有的SiteSpeed数字可能已经足够了。