단일 페이지 웹 앱. 응용 프로그램 시작시 많은 요청이 OK입니까?

Question

저는 한동안 SPA (Single Page Web App) 작업을 해왔습니다. 프론트 엔드는 BackboneJS/Marionette를, 백엔드는 자바 스프링 :(을 사용합니다. 하지만 내가 느리게 느낄 수있는 것은 애플리케이션 시작에 있으며, 애플리케이션의 다양한 부분에 대한 데이터를 채우기 위해 다양한 API 엔드 포인트에 대한 많은 요청이 이루어집니다. 나는 이것이 느린 것 같니? 그것들은 AJAX 요청이며 따라서 비동기 적으로 완료 되었습니까? 가장 좋은 방법은 무엇입니까? 처음에 나는 어떻게 든 1 개의 거대한 요청으로 모든 것을 결합한다고 생각했지만 그게 좋은 생각인지 확실하지 않았습니다. 또한 코드 예제도 좋습니다.

Answer 1

페이지로드시 무엇이 있어야하는지 알았으므로이 모든 데이터는 기본 html과 함께 제공되어야하며 개체는 함께 초기화되어야합니다.

require([ 'MyModel', 'load'], function(MyModel, load) { 
    var myModel = new MyModel(load.mymodel); 
    ... 
}) 

Answer 2

하나의 거대한 요청이 나쁜 생각이 아니다 : 나는, AMD는 그래서 그것을 좋아 할 것

<script data-main="app" src="/lib/require.js"></script> 
<script> 
define('load', function(){return { 
    mymodel : <c:out value="${mymodel}" default="{}" />, 
     ... 
};}); 
</script> 

app.js를 사용합니다. 동기화를 위해이 기능을 원할 수도 있습니다.

동적 콘텐츠를 HTML에 넣으면 프런트 엔드 코드를 캐싱 할 수 없습니다. 예를 들어 모바일 앱에 프런트 엔드를 정적으로 패키지 할 수 없습니다. 또한 초기 렌더링 시간이 느려질 수 있습니다. 단, 앱이 하나가 아닌 두 번의 요청을 요구하기 때문에 전체적으로로드하는 데 다소 시간이 걸립니다.