Javascript web表单页面的性能或页面加载时间检查

Javascript web表单页面的性能或页面加载时间检查,javascript,jquery,asp.net,performance,pageload,Javascript,Jquery,Asp.net,Performance,Pageload,我对我的web表单页面做了一些性能更改—例如从memcache而不是数据库中获取数据,并删除不必要的db调用 我想测量页面加载的改善情况——更改前后的页面加载时间 我看了这篇文章:-使用 var loadTime=window.performance.timing.domContentLoadedEvent-window.performance.timing.navigationStart 这没有多大帮助。它给了我一个荒谬的结果,很少有加载时间高达10000次,其他加载时间低至300次。另外,当

我对我的web表单页面做了一些性能更改—例如从memcache而不是数据库中获取数据,并删除不必要的db调用

我想测量页面加载的改善情况——更改前后的页面加载时间

我看了这篇文章:-使用

var loadTime=window.performance.timing.domContentLoadedEvent-window.performance.timing.navigationStart

这没有多大帮助。它给了我一个荒谬的结果,很少有加载时间高达10000次,其他加载时间低至300次。另外,当我从代码中删除数据库调用时,我并没有看到太大的区别


我该怎么办?如何在本地计算机上准确计算网页的性能或页面加载时间。

您可以在页面指令中启用跟踪并执行该路径。但实际上,使用Firefox、Chrome或IE等主要浏览器的浏览器开发工具,这些信息就在您的指尖上。只需点击F12并选择“网络/网络”选项卡。将光标放在时间线上进行实验,等等


关于在本地计算机上测试性能,在生产环境中会有所不同,不同的用户受其使用的设备和连接类型的支配。不要仅根据本地主机上发生的情况来决定性能。如果这是一个关键应用程序,则应遵守ome真实负载测试。

尝试性能测量站点,如

只需输入站点URL,它就会告诉您加载时间以及如何通过缩小css/js和其他内容来优化站点

这将仅在您的网站处于活动状态时起作用

另一种方法是检查浏览器中每个资源的“网络/网络”选项卡