如何计算角度JS应用程序的页面加载时间(单页面应用程序)

时间:2016-05-02 10:09:10

标签: javascript angularjs jquery-mobile ionic-framework

如何以编程方式为角度JS(单页面应用程序)计算页面加载时间?我已经将window.performance.timing用于多页面应用程序,但它对单页面应用程序不起作用。任何人帮助单页面应用程序上的跟踪页面加载时间?请帮忙。

1 个答案:

答案 0 :(得分:3)

我认为您可以使用Batarang + Chrome DevTools来实现这一目标。它可以帮助您跟踪应用的效果。

更新,因为OP希望以编程方式获取页面加载时间:

可能的解决方案可能是提供给类似问题的问题here

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

所以,你将拥有:

<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);
    });

没有测试,但它应该有用。