Backbone.js 렌더링 지연?

Question

임베디드를 처음 접했을 때 알아낼 수없는 한 가지 문제가 있습니다. require.js와 함께 백본을 사용합니다. 처음으로 (브라우저에서 페이지를 다시로드 할 때) 일부보기를 렌더링하려는 경우 index.html이 즉시 표시되지만 약 2 초 동안 숨겨진 다음 렌더링 된 템플릿으로 다시 표시됩니다. 그런 다음보기간에 이동할 때 (새로 고침없이) 부드럽게 작동하지만 초기 렌더링은 잘못된 결과를 초래합니다. 여기 내 코드입니다 :

보기 :

define(['jquery','underscore','backbone', 'text!../../../templates/home/HomeView.tpl'], 
function($, _, Backbone, HomeTemplate) 
{ 
var HomeView = Backbone.View.extend(
{ 
    events:{ 
    }, 

    render: function() 
    { 
     var template = _.template(HomeTemplate); 
     this.$el.html(template); 

     return this; 
    } 

}); 

return HomeView; 
}); 

라우터 :

define(['jquery','underscore','backbone'], 
function($, _, Backbone) 
{ 
var container = $("#container"); 

var AppRouter = Backbone.Router.extend(
{      
    routes: 
    { 
     "": "home" 
    }, 

    home: function() 
    { 
     require(['views/home/HomeView'], 
     function(HomeView) 
     { 
      var Home = new HomeView({el: container}); 
      Home.render(); 
     }); 
    } 


}); 


var initialize = function() 
{ 
    var app_router = new AppRouter(); 


    Backbone.history.start(); 
}; 

return { initialize: initialize }; 

}); 

내가 콘솔에 오류를 얻을 수 없습니다. 이 행동이 정상입니까?

Answer 1

정상입니다.

RquireJs는 HTTP 요청을 통해 종속성을로드하며 이러한 요청에는 시간 초과가 있습니다. 또한 브라우저에는 최대 병렬 다운로드에 대한 제한이 있습니다. 이러한 지연은 네트워크 대기 시간과 함께 시작시 최대 2 초까지 쉽게 추가 할 수 있습니다.

지연을 최소화하려는 경우 RequireJS docs에서 설명한 r.js 파일을 최소화하십시오.

편집 : 문제가 해결되지 않으면 브라우저 프로파일 링 도구가 도움이 될 수 있습니다.