"한줄기빛이내려왔다" 님께서 페이징 그리드가 느리다고 하셨길래 확인차 테스트 해보았음.
그리드 : 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
도움이 되셨다면 공감클릭! 궁금하신점은 댓글!!