2014-12-24 62 views
1

所以我建立了這個web項目,在後端使用nodejs和expressjs,在前端使用angularjs。我聽說,JavaScript是一把匕首,背部像鋒利一樣鋒利。如果使用不當可能會導致應用程序性能不佳。我用jshint來檢查我的語法實踐。但是,因爲我是一個非常新的angularjs,我可能沒有使用好的約定爲我的應用程序。有沒有什麼服務來檢查我的項目的速度?或者在某個地方幫助我通過angularjs的良好實踐進行指導,並找出我曾經使用過的不良做法(如果有的話)。如何確定我的角網頁的速度?

回答

1

如果您想具體瞭解,角能夠足夠快地爲頁面提供服務,那麼您可以留意觀察計數。它基本上是以角度登記的手錶數量。看看另一個SO answer

複製粘貼從鏈接的答案代碼:

$rootScope.countWatchers = function() { 
     var q = [$rootScope], watchers = 0, scope; 
     while (q.length > 0) { 
      scope = q.pop(); 
      if (scope.$$watchers) { 
       watchers += scope.$$watchers.length; 
      } 
      if (scope.$$childHead) { 
       q.push(scope.$$childHead); 
      } 
      if (scope.$$nextSibling) { 
       q.push(scope.$$nextSibling); 
      } 
     } 
     window.console.log(watchers); 
    }; 

只是谷歌周圍的angularjs應用理想的手錶數量,並儘量保持你的手錶數比這個數字少。

+0

觀察者是影響我應用程序速度的最重要因素還是有其他任何拇指規則? – Pravin

+1

我不會說,應用程序的速度,一般性的小警惕。但對於角度來說,手錶計數是瞭解應用刷新平滑度的最重要參數之一。只是谷歌在這個話題上,你會明白我的意思。 – harishr

+0

是的,這非常有幫助。抱歉沒有選擇答案。但答案非常接近。但問題也是如此。抱歉沒有選擇它。 – Pravin

0

我推薦Interet Explorer 11的F12工具用於測量HTML + JS UI中的延遲以衡量代碼的性能,它還有一個分析器工具(雖然我有偏見,natch)。

文章在這裏:http://msdn.microsoft.com/en-gb/library/ie/dn255009(v=vs.85).aspx

+0

我是linux用戶,所以我沒有Internet Explorer。你知道用於Firefox或Chrome的類似工具嗎? – Pravin

0

我用這個網站來測試頁面加載速度: http://uptrends.com/ 這也是冷靜地從不同位置測試你的網站:) 如果您需要爲您的網站的一些進一步的表現技巧,隨時問我。在過去的幾周裏,我做了很多優化。

+0

我沒有針對優化的具體查詢。我想整個檢查一下我的項目,看它是否表現良好。我想學習良好的angularjs實踐以獲得最佳性能。 – Pravin