빌드 프로세스에서 스크립트 파일을 연결하는 것보다 스크립트 로더를 사용하면 어떤 이점이 있습니까?

Question

나는 RequireJS와 같은 스크립트 로더에 관해 많은 것을 들었습니다. 빌드 프로세스에서 소스 파일을 연결하는 것보다 스크립트 로더를 사용하면 어떤 점이 유리합니까?

Answer 1

빌드 프로세스에서 소스 파일을 연결하면 클라이언트가 더 적은 요청을해야하고 요청 오버 헤드가 줄어들고 페이지로드 시간이 줄어들어 더 빨리 과 같은 이점을 얻을 수 있습니다. 이제 10 개의 자바 스크립트 파일이 있다고 가정하면 브라우저는 10 HTTP 요청을 만들어야하며 각 요청에는 2 개의 또는 3 개의 파일을 연결하면 각 요청에 고유 한 오버 헤드 (요청 및 응답 헤더)가 있습니다. 따라서 HTTP 요청이 두 개 또는 간접비. 또한 HTTP 1.1 사양을 따르는 모든 클라이언트는 단일 도메인에 2 개 이상의 동시 연결을 허용하지 않으므로 더 적은 연결 (요청)을 갖는 것이 중요하다는 이유를 알 수 있으므로 스크립트 로더가 주문형 스크립트를로드하는 데 사용되는 반면에 연결 수가 적은 것은 왜 중요합니까 (

) 사용자가 특정 텍스트 상자에 입력 한 다음 페이지로드시 javascript를 요청하지 않고 텍스트 상자에 사용자 유형이있을 때만로드하면 일부 자바 스크립트가 필요할 것이라고 가정합니다. 예를 들어, 당신은 태그에 필요한 javascipt를 사용할 수없는 페이스 북에 사진을 태그 할 때 때 사진 페이지가로드하지만 스크립트 파일은 다음 대역폭 문제를 잘 해결 될 것입니다 캐시되어 있으면 사진

Answer 2

스크립트 로더는 많은 양의 JavaScript 파일을 필요로하지 않는 상황에서로드하는 것을 피하는 데 유용합니다. 페이지가 사용 가능한 50 개의 모듈 중에서 2 개만 사용하고 있다면 스크립트 로더를 사용할 수 있습니다 50 개를 가져 오는 것이 아니라 마음에 드는 부분 만 가져올 수 있습니다. 이렇게하면 페이지로드 시간이 빨라지고 대역폭 비용이 줄어 듭니다.