Угловой JS загружает начальный вид на домашнюю страницу. Низкая нагрузка

Question

Итак, на моей странице Angular JS у меня есть моя страница с указателем, которая имеет верхний и нижний колонтитул моей страницы .. и основной контейнер загружается таким же образом

<!-- 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); 
    }]); 

Проблема заключается в начальной загрузке на главной странице, что очень заметно, что основной контент загружается после заголовка и нижнего колонтитула. Подобная начальная страница очень медленная, а затем расширяется при загрузке представления.

Есть ли способ улучшить эту производительность?

Answer 1

По меньшей мере одна из причин медленности заключается в том, что шаблон для представления ('/views/search.html') получается асинхронно. Одним из способов улучшения является добавление шаблона инлайн (например, в index.html) с <script> тегом:

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