먼저 다음 코드 줄을 살펴보겠습니다.
<script src = "allMyClientSideCode.js"></script>
이건 좀... 별로네요. "이것을 어디에 두어야 할까요?" 개발자들은 "더 높은 곳에 있는
태그에? 아니면 더 낮은 곳에 있는 태그에?"라고 궁금해할 것입니다. . 태그의 큰 스크립트는 모든 페이지 렌더링 작업을 중단시켜 스크립트가 로드될 때까지 사용자를 "백색 화면" 상태로 남겨둡니다. 태그 끝에 있는 큰 스크립트는 사용자에게 생명이 없는 정적 페이지만 표시하며 클라이언트 측 렌더링이 수행되어야 하는 위치는 작동하지 않는 컨트롤과 빈 상자로 흩어져 있습니다.이 문제를 완벽하게 해결하려면 스크립트를 분할하고 정복해야 합니다. 페이지를 더 보기 좋고 사용하기 쉽게 만드는 스크립트는 즉시 로드해야 하고, 나중에 로드할 수 있는 스크립트는 나중에 로드해야 합니다. 하지만 호출 시 가용성을 보장하면서 이러한 스크립트의 압축을 어떻게 풀 수 있을까요?
1.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
