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

Question

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

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

我看了这篇文章: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 并选择“网络/网络”选项卡即可。通过将光标放在时间线等上进行实验。

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