如何计算angular JS应用程序(单页应用程序）的页面加载时间

How to calculate the page load time for angular JS application( single page application)

本文关键字：应用程序 时间 加载 单页 JS 何计算 计算 angular      更新时间：2023-09-26

如何以编程方式计算angular JS（单页应用程序）的页面加载时间？我已经为多页应用程序使用了window.performance.timing，但它不适合单页应用程序。有人帮助跟踪单页应用程序的页面加载时间吗？请帮忙。

我认为您可以通过使用Batarang+Chrome DevTools来实现这一点。它将帮助您跟踪应用程序的性能。

由于OP希望通过程序获取页面加载时间，因此进行更新：

一个可能的解决方案可能是这里为类似问题提供的解决方案。

你只需要在加载任何其他脚本之前获得当前日期，并在angular应用程序进入运行阶段后获得日期。然后减去这两个日期，就得到了加载时间。

因此，您将拥有：

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

然后在你的主要角度模块中：

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

没有测试，但应该可以。

相关文章：