2016-12-01 206 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时,你可以使用某种分页,加快了一点东西。还通过追踪...招将是很好,一次绑定...这是很难说 –