角度アプリケーションのページ荷重を測定する

Question

こんにちは、私はvar loadTime = window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart;を試しましたが、実際にページを読み込むのにかかる時間よりもはるかに小さいと思われます。 理想的には、ページが完全に読み込まれたときにカウントを停止するストップウォッチが必要です。なにか提案を？

Answer 1

この方法には欠陥がないわけではありませんが、データの読み込みを測定する場合は、ローディングカウンタを達成するための1つの方法があります。

1. isLoadingに対して評価するboolを作成します。それをtrueにホイストしてください。
2. int、loadTimeを作成します。
3. あなたがデータを処理した後、いくつかのデータ
4. は、falseにisLoading条件を設定するint型
5. 負荷をインクリメントするSetIntervalを使用してください。

例：

https://plnkr.co/edit/ARVpFd9NmlFNURlyS9SZ

 app.controller("myCtrl", function($scope, $http) { 
     $scope.isLoading = true; 
     $scope.loadTime = 0; 
     $scope.msg = ''; 

     var tmr = setInterval(function() { 
      if(!$scope.isLoading || $scope.isLoading === false) { 
      clearInterval(tmr); 
      } 
      $scope.loadTime += 0.01; 
     }, 100); 
     $http.get('https://unsplash.com') 
      .then(function(res) { 
      $scope.msg = 'Data is loaded'; 
      $scope.isLoading = false; 
      });