角度JS将初始视图加载到homepage..slow负载

Question

因此，在我的角JS页面中，我有我的索引页，它有我的page..and的头部和页脚，主容器被这样的视图加载

<!-- container -->
<div ui-view></div>
<!-- /container -->

app.config(['$stateProvider','$urlRouterProvider','$locationProvider', 

    function($stateProvider,$urlRouterProvider,$locationProvider){
      'use strict';

      $urlRouterProvider.otherwise("/");

      $stateProvider
        .state('home', {
          url: '/',
          templateUrl: '/views/search.html',
          controller: 'SearchCtrl'
        })
        .state('result', {
          url: '/result',
          templateUrl: '/views/result.html',
          controller: 'resultCtrl'
        });


      $locationProvider.html5Mode(false);
    }]);

问题是在首页的初始加载中，很明显，主内容是在首页之后加载的，footer..its (如初始页面)非常慢，然后在加载视图时扩展。

还有什么可以提高这种表现的吗？

Answer 1

缓慢至少有一个原因是视图的模板('/views/search.html')是异步获得的。改进的一种方法是将模板内联(例如，在index.html中)添加一个<script>标记：

<script type="text/ng-template" id="/views/search.html">
 ... template
</script>