01. 스크립트 병합 (Script Combination)
이 페이지는 20개의 개별 <script> 태그로 작은 JS 파일을 각각 요청합니다.
DevTools Network 탭을 열고 새로고침해서 요청 수를 확인해 보세요.
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
아래 칩이 각 part 스크립트가 실행되며 하나씩 추가됩니다:
🔧 실제 구현 코드
<script src="/labs/01-script-combination/assets/parts/part-01.js"></script>
<script src="/labs/01-script-combination/assets/parts/part-02.js"></script>
...
<script src="/labs/01-script-combination/assets/parts/part-20.js"></script>작은 JS 파일 20개를 각각 별도의 <script> 태그로 요청합니다. 브라우저는 origin당 동시 연결 수가 제한돼 있어(HTTP/1.1에서 보통 6개) 나머지 요청은 대기열에 쌓이고, 요청마다 헤더·지연시간 오버헤드가 20번 중첩됩니다.