Google Chrome或Mozilla Firefox中的网页加载时间

Question

有没有办法检查页面加载需要多长时间？

编辑:

我会稍微提出一下这个问题.假设您正在处理ASP.NET项目,并且当您在Visual Studio中运行项目时,会有一些加载时间,然后您才能看到在屏幕上呈现的起始页面并准备使用.

如果此网站处于活动状态,则加载时间应与从Visual Studio启动项目时的加载时间不同.

我想看到的是如果网站在服务器上的实际加载时间.

编辑2:答案

Chrome - >右键单击 - >检查元素 - >网络选项卡.当您加载页面时,页面的时间轴有一个很好的报告,显示实际页面加载时间,css,js等加载时间.在Net选项卡下,Mozilla中有一个类似的工具.

Answer 1

至于Firefox,op已经回答了他自己的问题(菜单 - 网络开发者 - 网络或Ctrl + Shift + K - 网络或Ctrl + Shift + Q),但我想提一下"app.telemetry Page Speed Monitor "addon,它不需要您先打开Web控制台.它只会在状态栏中以毫秒显示加载时间(当您单击它时它甚至会显示详细信息).
https://addons.mozilla.org/en-US/firefox/addon/apptelemetry/
唯一的缺点似乎是Facebook/Twitter按钮.

至于Chrome/Chromium,我是Andy Davies的第二个建议,页面加载时间插件很棒,它显示了位置栏旁边的加载时间,它还提供了详细信息.

Answer 2

另请注意,您现在可以通过javascript通过window.performance对象(Chrome,Firefox和IE9 +)获取此信息.

试试这个:

window.onload = function(){
  setTimeout(function(){
    var t = performance.timing;
    console.log(t.loadEventEnd - t.responseEnd);
  }, 0);
}

更多信息:http: //www.html5rocks.com/en/tutorials/webperformance/basics/