2015-01-28 7 views
0

최근에 20 개의 서로 다른 .js 파일이 참조 된 응용 프로그램을 변경했습니다. 번들링을 사용하여이 파일을 하나의 파일로 가져 왔습니다.단일 번들 파일 대 여러 파일?

여기에는 다음이 포함

  • 프레임 워크이 우리가 더 이상 만드는 걸 보여주지 그러나 배포 후 (jQuery 라이브러리)
  • 사용자 정의 로직 (헤더 네비게이션 등 글로벌 논리)

자바 스크립트 파일의 비동기 다운로드 사용.

따라서 폭포 효과가 하나의 긴 다운로드로 대체되었습니다.

이전에이 문제가 발생 했습니까? 싱글 이상의 멀티플을 제안하는 번들링 가이드 라인이 있습니까?

+1

다운로드가 실제로 얼마나 걸렸습니까? 그리고 대부분의 시간 동안 브라우저 캐시를 사용하여 거의 보상받지 못했습니까? 이전에 CDN에서 제공 한 20 개의 파일 중 하나를 가지고 있습니까 (CDN에 의해 ​​제공되지 않았습니까?). – Thilo

+0

@Thilo 그게 내 시나리오예요. 나는 서버로부터 직접 오는 것이 약간의 영향을 줄 것이라는 것을 알았지 만 그것이 주요 기여자가 될 것이라고 생각하지는 않았다. – Curt

답변

0

응용 프로그램에 따라 다릅니다. 단일 페이지 응용 프로그램이 아니라면 기능을 기반으로 파일을 여러 개의 js 파일로 분리하는 것이 좋습니다. 클라이언트가 부피가 큰 큰 파일 하나를 다운로드하도록 강요하는 대신 멀티 페이지 응용 프로그램을 사용하는 경우 사용법에 따라 파일을 분리하십시오. 대부분의 페이지에서 사용되는 것들만 함께 클럽을 만들면 그렇지 않으면 기능성에 따라 분리되어 있습니다.

+0

비슷한 질문을 발견했지만 참조로 사용할 수있는 답변이 많습니다. http://stackoverflow.com/questions/555696/put-javascript-in-one-js-file-or-break-it-out-into-multiple-js-files – Mak