Web 表单页面的性能或页面加载时间检查答案

【问题标题】：Performance or page load time check of web form pageWeb 表单页面的性能或页面加载时间检查
【发布时间】：2016-04-07 16:26:30
【问题描述】：

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

我想测量页面加载改进 - 更改前后的页面加载时间。

我看了这篇文章：Calculating Page Load Time In JavaScript - 使用var loadTime = window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart;

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

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

【问题讨论】：

标签： javascript jquery asp.net performance pageload

【解决方案1】：

您可以在您的页面指令中启用 Trace 并走这条路线。但实际上，使用任何主要浏览器（如 Firefox、Chrome 或 IE）的浏览器开发工具，这些信息都触手可及。只需按 F12 并选择“网络/网络”选项卡。将光标放在时间线等上进行实验。

关于在本地机器上测试性能，在生产环境中会有所不同，因为不同的用户会受到他们使用的设备和连接类型的支配。不要仅根据本地主机上发生的情况来决定性能。如果这是一个关键应用程序，则对其进行一些实际负载测试。

【讨论】：

【解决方案2】：

尝试性能测量网站，例如Gtmetrix

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

这只有在您的网站上线时才有效。

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

【讨论】：