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

Question

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

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

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

这并没有多大帮助。它给我带来了荒谬的结果，很少有loadTime高达10000而其他的低至300.此外，当我从代码中删除数据库调用时，我看不出太大的区别。

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

Answer 1

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

关于在本地计算机上测试性能，生产中的不同之处在于不同的用户受他们使用的设备和他们所拥有的连接类型的支配。不要仅根据本地主机上发生的事情来决定性能。如果这是一个关键应用程序，那么请对其进行一些实际的负载测试。

Answer 2

尝试绩效衡量网站，例如Gtmetrix

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

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

其他方法是检查浏览器中的每个资源的网络/网络选项卡