자바스크립트이야기/ExtJS

[일반 리스트 vs ExtJS 그리드 속도비교]

개발로짜 2014. 7. 8. 12:47

"한줄기빛이내려왔다" 님께서 페이징 그리드가 느리다고 하셨길래 확인차 테스트 해보았음.


그리드 : 260.8 / 일반 테이블 리스트 : 281



결과적으로 네트워크 속도차이가 있고 그리드가 좀더 빨라보이긴 하지만 실질적으로 따지면 속도차이는 

눈에 보이지 않는다.


setTimeout은 사용하는 이유를 찾을수 없어서 제외하고 나머지 코드방식만 따라함.



어짜피 같은방식으로


1. var t = performance.timing; << onready전에 무조건 최상단 스크립트에서 전역변수로 호출하여 시작

 console.log( "LOAD TIME: " + (t.loadEventEnd - t.navigationStart ) );

    일반 리스트의 경우는 onready상태일때 선언

    그리드의 경우는 load() 함수 호출후, callback 함수내에 선언


추가내용 : window.onload = function() {

 setTimeout( function() {

 var t = performance.timing;

 console.log( "LOAD TIME: " + (t.loadEventEnd - t.navigationStart ) );

}, 1000 );

     

이걸썼는데도 결과는비슷함


각 10번씩 테스트 한 다음의 결과이다.


결론적으로 별차이없음.

















평균시간 : 260.8














평균속도 : 281



슈퍼맨슈퍼맨슈퍼맨



도움이 되셨다면 공감클릭! 궁금하신점은 댓글!!