IE7에서 Ember.js 렌더링이 느림

Question

EmberJS (버전 1.0.0-rc5)를 사용하여 웹 응용 프로그램을 만들었습니다. Chrome에서 성능이 뛰어나다는 것을 안타깝게도 Internet Explorer 7을 주요 플랫폼으로 지원해야합니다.

IE7에서의 성능은 끔찍합니다. 이 문제를 조사한 후에는 템플릿 렌더링과 관련이 있습니다 (라우팅 또한 매우 느립니다). 우리가 응용 프로그램을 만든 방식의 실수로 인한 것이거나 Ember에 문제가있는 경우에는 단서가 없습니다.

문제를 재현하기 위해 작은 샘플 앱을 만들었습니다. http://manoswerts.be/playground/ember-performance에서 찾을 수 있습니다. 그것은 우리의 애플 리케이션에서 우리가하는 것과 비슷한 나무를 렌더링합니다. Chrome에서 실행하면 결과가 즉시 표시됩니다. IE7에서는 30 초에서 최대 1 분 정도 걸립니다. IE8에서는 "단지"7 초 걸립니다.

누구에게도 익숙합니까? 이 문제에 대한 해결책이 있습니까?

도움을 주시면 대단히 감사하겠습니다.

Answer 1

한번에 너무 오래 걸리는 것에 대해 좀 더 세부 사항을 얻기 위해 다음과 같은 추가하는 것은 :

Ember.subscribe('render', { 
    before: function(name, start, payload){ 
    return start; 
    }, 
    after: function(name, end, payload, start){ 
    var duration = Math.round(end - start); 
    var template = payload.template || ''; 
    //console.log(Ember.inspect(payload)); 
    //var title; 
    var view = payload.object.toString(); 
    console.log('rendered', template, view, 'took', duration, 'ms'); 
    } 
}); 

이 당신에게 렌더링되는 모든보기에 대한 타이밍을 제공 할 것입니다. Chrome에서 예를 실행할 때 각 인물 템플릿은 렌더링하는데 약 2ms가 걸립니다. 중첩 된 {{each}} 도우미와 관련된 일부 오버 헤드가 있으며 해당 {{each}} 블록 내에 "가상"보기를 렌더링합니다. 총 목록 렌더링 시간은 104ms입니다. 그 총 시간은 Show results 버튼을 쳤을 때 작성된 마지막 console.log 행입니다.

그래서 내가 말한 것에 따르면 총 시간은 ie7 및 ie8의 경우 크기가 더 느릴 것으로 예상됩니다. 그렇다면, 그것이 균등하게 분포되어 있는지 궁금하거나, 더 천천히 렌더링하는 특정 뷰가 있는지 궁금 할 것입니다.

Answer 2

IE7과 IE8 모두 4 ~ 5 초 정도의 시간이 걸립니다.

다른 타다 남은 JS 샘플 응용 프로그램

https://github.com/dgeb/ember_data_example

는 IE7과 전혀 작동하지 않습니다.