在node.js上显示页面加载时间,从开始到结束数据加载和显示的角度为ui网格

时间:2016-01-19 11:09:45

标签: angularjs json angular-ui-grid page-load-time

我有一个node.js应用程序使用html返回res.sendfile文件,而html文件显示angular ui grid从{{1}检索json数据}}

页面首先显示一个空网格,然后网格在json行到来时填充。

我想在返回的页面上显示url从初始请求到完整下载数据的最终显示?

我使用过load time但它只显示带有空网格的页面显示,它不会等到数据检索完成。

HTML

var loadTime = window.performance.timing.domContentLoadedEventEnd-window.performance.timing.navigationStart;

ng.js

<html ng-app="app">
    <head>
        <script src="angular/angular.min.js"></script>
        <link rel="stylesheet" type="text/css" href="angular-ui-grid/ui-grid.css" />
        <script src="angular-ui-grid/ui-grid.js"></script>
        <script src="ng.js"></script>
    </head>
    <body>
        <div ng-controller="myctrl">
            <div ui-grid="mygrid" class="grid"></div>
        </div>
        <script type="text/javascript">
        window.onload = function () {
            var loadTime = window.performance.timing.domContentLoadedEventEnd-window.performance.timing.navigationStart;
            console.log('Page load time is '+ loadTime);
        }
        </script>
    </body>
</html>

有什么想法吗?

0 个答案:

没有答案