• 분류 전체보기 (160)
    • 개인프로젝트 (5)
      • 시연영상모음 (4)
      • 주저리주저리.. (1)
    • 자바스크립트이야기 (69)
      • ExtJS (30)
      • ExtJS 유의사항 (3)
      • HTML5 (1)
      • jQuery (17)
      • jQuery플러그인소개 (9)
      • jQuery UI 소개 (9)
    • 스프링연동하기 (23)
      • spring3 mvc 설정 (4)
      • spring3 mybatis 설정 (4)
      • spring3 기타설정 (11)
      • ibatis and mybatis (4)
    • DB (26)
      • MySQL vs MS-SQL vs O.. (5)
      • MySQL (10)
      • MSSQL (5)
      • Oracle (6)
    • 서버에웹환경구축하기 (13)
      • 1.VirtualBox+CentOS .. (5)
      • 2.JAVA(JDK) 설치 (1)
      • 3.Apache+Tomcat 설치 (3)
      • 4,SVN Server 설치 (1)
      • 5.마리아DB(MariaDB) 설치 (2)
      • 6.몽고DB(MongoDB)설치 (1)
    • 샘플소스 (14)
      • 샘플소스(JAVA) (7)
      • 샘플소스(JSTL) (4)
      • 샘플소스(jQuery/스크립트) (3)
    • 에디터연동 (5)
      • NAVER-스마트에디터 (4)
      • DAUM-다음에디터 (1)
    • 블로그팁 (3)
    • 디지털이야기 (2)
댓글
/88
2014. 7. 8. 12:47
[일반 리스트 vs ExtJS 그리드 속도비교]

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


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



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

눈에 보이지 않는다.


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



어짜피 같은방식으로


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

2  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



슈퍼맨슈퍼맨슈퍼맨



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


저작자표시 (새창열림)

'자바스크립트이야기 > ExtJS' 카테고리의 다른 글

[ExtJS강좌 26] 비동기 Ajax 사용하기 - (Ext.Ajax.request)  (8) 2014.08.25
[ExtJS강좌 25] MVC 그리드(GridPanel) 를 이용한 CRUD예제  (16) 2014.07.16
[ExtJS강좌 24] MVC 기반으로 컴포넌트 동작시키기 (3)  (0) 2014.07.07
[ExtJS강좌 23] MVC 기반으로 컴포넌트 동작시키기 (2)  (0) 2014.07.04
[ExtJS강좌 22] MVC 기반으로 컴포넌트 동작시키기 (1)  (2) 2014.07.04

티스토리툴바