2011-02-18 7 views
1

일반적인 JavaScript 질문이 있습니다. 나는 당신에게 나의 시나리오를 줄 것이고 질문을하게 될 것이다.Javascript 효율성 매개 변수로 전달 된 상수와 함께?

시나리오

나는 (현재) 3000 행있는 테이블을 만드는 중이라서, 그리고 매일 5 ~ 10에 의해 성장하고있다. 이 테이블의 스타일을 지정하고 유용한 기능을 추가하려면 자바 스크립트 플러그인을 사용하고 있습니다. 현재 페이지를 완전히로드하는 데 15 초가 걸리고 모든 것이 원활하게 실행됩니다 (정렬, 페이징 등). 그것은 매우 느린 초기로드입니다. 플러그인은 DOM 구문 분석이 덜한 방법을 제공합니다. 여기에서 테이블 내부에 배치 할 정보 배열을 전달합니다.이 정보는 내가 매우 흥미 롭습니다. 그러나 여전히 3000 열 (각 열 11 개, 평균 10 자)의 배열이 있기 때문에 가능한 한 빨리 만듭니다.

는이 거대한 배열을 저장하기 위해 자바 스크립트 const를를 사용하는 것이 훨씬 빠를까요 질문? 특히 JavaScript는 매개 변수로 전달 될 때 const을 스택에 넣지 않는 것으로 알고 있습니까?

JavaScript를 처리하기에는 너무 많은가? 이 아이디어를 무시하고 AJAX로 시작해야합니까 (이것은 훨씬 느린 기능이지만 훨씬 더 빠른 pageload를 의미합니까)?

감사합니다.

+2

내 사이트 인 경우 AJAX를 사용하여 너무 많은 데이터를 순환 제거하지 않아야합니다. – mellamokb

+0

1) "javascript plugin"이란 무엇입니까? 2) DOM을 다루는 경우 더 이상 "JavaScript가 처리하기에 너무 많은가요?"라는 질문이 아닙니다. 오히려 "브라우저의 DOM 구현을 처리하기에는 너무 많은가?" 3) 나는 공기 견적을 좋아한다. –

+0

여기에 내가 사용하려고하는 것입니다 :'http : // www.datatables.net/examples/data_sources/js_array.html' – Garrett

답변

1

페이지가로드되면 상호 작용이 빠르다고 말하기 때문에 가장 큰 병목 현상은 데이터를 전송하는 것입니다. JSON (gzip 압축)로

나는 매우 경량 및로드 할 수 빠른 인 모두를 보낼 것입니다.

스타일링은 JS가 아닌 CSS로 수행되어야한다고 생각합니다. 또한 최적의 UX를 원하면 테이블을 으로 덜 채우고 (1-200 개 요소)을 초기화 한 다음 나머지를 처리하십시오. 처음에 뭔가를 보여 주면 사용자에게 더 좋습니다.

GC 배열을 지우는 것이 문제가 될 수 없으므로 배열을 저장하는 것은 문제가되지 않습니다.

+0

거대한 JS 배열을 사용하여 구현을 시도해 본 결과 pageload를 15 초에서 6 초로 줄 였지만 여전히 빠르지 않습니다. 지금 AJAX와 JSON을 사용할 것이다. 덕분에 =) – Garrett

+0

@ 가렛 - 문제 없습니다. :) – galambalazs

관련 문제