javascript - 如何计算 Angular JS 应用程序(单页应用程序)的页面加载时间

Question

如何以编程方式计算 Angular JS(单页应用程序)的页面加载时间？我已经将 window.performance.timing 用于多页应用程序，但它不适用于单页应用程序。有人帮助跟踪单页应用程序的页面加载时间吗？请帮忙。

Answer 1

我认为你可以通过使用 Batarang 来实现+ Chrome 开发者工具。它将帮助您跟踪您的应用性能。

由于 OP 希望以编程方式获取页面加载时间而更新:

可能的解决方案可能是针对类似问题提供的解决方案 here .

您只需在加载任何其他脚本之前获取当前日期，并在 Angular 应用程序进入运行阶段后获取日期。然后只需减去两个日期即可得到加载时间。

因此，您将拥有:

<script type="text/javascript">
    var timerStart = Date.now();
</script>

然后在你的主 Angular 模块中:

angular.module('app', []).
    config(function() {
        // some code
    }).
    run(function($window) {
        console.log("Time until reaching run phase: ", Date.now() - $window.timerStart);
    });

没有测试，但应该可以。