2016-12-01 47 views
0

基本上,我的問題是關於角$狀態優化。我有一個小項目,並且每次調用某個狀態時(約有9個對象需要解析),加載頁面大約需要3-4秒。我認爲問題出在一個國家,所以我決定只用一個9的數據來解析一個對象,而不是解決這9個問題。但是我意識到,頁面加載仍然需要大約3-4秒。有沒有一種方法來優化角碼,以便加載速度更快。

resolve: { 

       // Countries: function (msApi) 
       // { 
       //  return msApi.resolve('[email protected]'); 
       // }, 
       // Nationalities: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       // EmploymentStatuses: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       // Industries: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       // JobFunctions: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       // EducationLevels: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       // FieldOfStudy: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       SkillList: function (msApi) 
       {       
        return msApi.request('[email protected]'); 
       }, 

       //All Requests in One 
       ResumeData: function (msApi) 
       {       
        return msApi.request('[email protected]'); 
       }, 
      } 

那些評論,是由ResumeData獲得的。此外,查看頁面有相當多的ng-repeats,這可能是一個問題嗎?如果是,是否還有其他方法可以取代ng-repeat來填充選擇項和其他組件以提高性能?

+0

提供您的代碼。有 – Mistalis

+0

多個NG-重複的是不是一個大問題,如果你使用了一個方式,爲他們的結合,但是解決這些9個對象分開可能會有幫助,我的意思是,解決一個,讓UI渲染(顯示一個加載,而其他正在被解決) – Yaser

+0

而且只是問題,棱角2處理所有這些更好? – d123546

回答

0

您可以使用$httpProvider.useApplyAsync(true);http://blog.thoughtram.io/angularjs/2015/01/14/exploring-angular-1.3-speed-up-with-applyAsync.html)加快多個請求。

而且,你可以創建一個高速緩存服務,這將持有數據,可以說5分鐘,這樣當用戶切換狀態,它會在內存的JS對象,而不是服務器獲取數據。

不幸的是,這就是我現在能想到的,就像http調用性能。如果它本身需要4秒,那麼你可以做的事情就不多了。

+0

事情是視圖頁面有多個組件,每個組件的數據填充方式不同。我在想,是否有任何工具可以優化js代碼本身?它會有幫助嗎? – d123546

+0

我沒有看到多個組件的問題。緩存服務中的緩存對象將存儲所有數據,並且緩存服務將進行$ http調用,所以這不是問題。或者我錯過了什麼?你提供的代碼是OK的。 –

+0

你說你有很多NG-重複...談論項目的hunderds時,你可以使用某種分頁,加快了一點東西。還通過追蹤...招將是很好,一次綁定...這是很難說 –