Google chrome Google Chrome或Mozilla Firefox中的页面加载时间
有没有办法检查页面加载需要多长时间 编辑: 我将把问题扩大一点。假设您正在处理ASP.NET项目,并且当您在Visual Studio中运行项目时,在您可以看到在屏幕上呈现并准备使用的起始页之前,有一段加载时间 如果此网站处于活动状态,则加载时间应与从Visual Studio启动项目时的加载时间不同 我希望看到的是,如果网站位于服务器上,实际加载时间是多少 编辑2:回答 Chrome->右键单击->检查元素->网络选项卡。当你加载一个页面时,会有一个很好的页面时间线报告,显示实际的页面加载时间、css、js等加载时间。在Mozilla的Net选项卡下有一个类似的工具。我使用这个工具:Google chrome Google Chrome或Mozilla Firefox中的页面加载时间,google-chrome,mozilla,page-load-time,Google Chrome,Mozilla,Page Load Time,有没有办法检查页面加载需要多长时间 编辑: 我将把问题扩大一点。假设您正在处理ASP.NET项目,并且当您在Visual Studio中运行项目时,在您可以看到在屏幕上呈现并准备使用的起始页之前,有一段加载时间 如果此网站处于活动状态,则加载时间应与从Visual Studio启动项目时的加载时间不同 我希望看到的是,如果网站位于服务器上,实际加载时间是多少 编辑2:回答 Chrome->右键单击->检查元素->网络选项卡。当你加载一个页面时,会有一个很好的页面时间线报告,显示实际的页面加载时间
但这是为现场网站。如果您想对无法代表实际使用情况的本地文件进行基准测试,但可能需要测量渲染时间,而不仅仅是传输时间。请注意,加载时间取决于用户相对于服务器的地理位置 正如@nick rtz使用WebGetTest进行严肃的测试一样,如果你想快速查看加载时间,而不想使用开发工具,这个Chrome扩展将有帮助-对于Firefox,op已经回答了自己的问题(菜单-Web开发者-网络或Ctrl+Shift+K-网络或Ctrl+Shift+Q),但是我想提到“app.telemetry Page Speed Monitor”插件,它不需要您首先打开web控制台。它只会在状态栏中以毫秒为单位显示加载时间(当您单击它时,它甚至会显示详细信息)。
唯一的缺点似乎是Facebook/Twitter按钮
至于Chrome/Chrome,我支持Andy Davies的建议,它非常棒,它在位置栏旁边显示了加载时间,还提供了详细信息。还请注意,现在您可以通过javascript通过
窗口获得此信息。性能对象(Chrome、Firefox和IE9+)
试试这个:
window.onload = function(){
setTimeout(function(){
var t = performance.timing;
console.log(t.loadEventEnd - t.responseEnd);
}, 0);
}
更多信息请点击此处:
对于实时站点的加载时间,我还将研究真实用户监控(又称RUM),以从生产中的真实用户获取性能数据。您可以自己使用像Boomerang和Bucky这样的开源项目来完成这项工作,也可以与供应商合作。数据是无价的!
@vikramvi提到的工具可以帮助您跟踪dev/test中的页面性能,并有助于在开发周期的早期防止性能退化。不错的站点,但不是我想要的:)为什么不试试Firebug?检查是最好的Firebug,可用的chrome和firefox。你们也可以使用godaddy的库