2011-11-12 3 views
1

약 32kb의 자바 스크립트 소스 코드 파일을 가지고 있으며 자바 스크립트 코드가 모듈로 배열되어 있습니다. 2000 라인 이상의 현재 코드를 관리하는 것이 매우 지루하고 혼란 스럽기 때문에 각 모듈을 별도의 파일에 넣으면 페이지로드 시간이 늘어날 지 궁금합니다.페이지 로딩 시간이 증가합니다

+1

파일 액세스 예, 로딩 시간을 조금 느려질 수 있습니다. 코드를 여러 파일로 분할하고 패키저를 사용하여 프로덕션 용도로 병합 및 축소 할 수 있습니다. CKEditor는 개발 환경에서 스크립트를 배포 할 때이 작업을 수행합니다. – Smamatti

답변

5

짧은 대답, 예, 아니오. <script> 태그가 각 모듈 파일을 가리키는 경우, 예를 들어 그 파일에 대한 네트워크 호출 수가 증가하여 페이지 속도가 느려집니다. 진짜 대답은 당신이 그것을 코드해야하는 방식이지만, 그것은 당신이 그것을 당신의 사용자에게 제공해야하는 방식이 아닙니다.

나는 결합 하나만 <script src="/min/f=mod1.js,mod2.js,mod3.js" type="text/javascript"></script> 태그를 필요로하므로 모든 JS 파일을 작게를합니다 스크립트의 축소라는 도구를 추천

또한 단순히 연관 키를 사용하여 PHP의 배열 인 파일의 "그룹"을 관리 할 수 ​​있습니다

당신은 스크립트 src에서 참조합니다.

<script src="/min/g=module_js" type="text/javascript"></script> 

스크립트의 축소의 COMINES 및 축소하고 코드가, 그것은 당신의 서버에 캐시됩니다 후 그래서 후속 요청이 너무 캐시 파일을 칠 것입니다 : 예를 들면 다음과 같은

'module_js' => array(
      '//js/module1.js', 
      '//js/module2.js', 
      '//js/module3.js' 
      ) 

그런 다음 스크립트 태그를 보일 것 PHP는 처리 할 필요가 없습니다.

http://code.google.com/p/minify/

+0

모듈도 종속성으로 일부 jQuery 플러그인을 가지고있다. – MrFoh

+0

완벽하게 잘되고, 모든 JQuery 플러그인에 대한 그룹을 만들고, 그 그룹을 먼저 참조한다 :'

관련 문제