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

그리드 : 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

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