1. 페이지 로딩 시간 단축: 초기 페이지 로딩 시 모든 자바스크립트 파일을 로드하는 것보다 필요한 시점에 로딩하는 것이 빠를 수 있습니다. 이로써 초기 페이지 로딩 시간을 단축하고 사용자가 페이지에 빨리 접근할 수 있게 됩니다.

2. 자원 절약: 필요하지 않은 자바스크립트 파일을 불필요하게 로드하고 실행하는 것을 방지하여 자원을 절약할 수 있습니다.

3. 성능 최적화: 페이지 로딩 후 사용자 상호작용에 필요한 자바스크립트 파일을 로드함으로써 성능을 최적화할 수 있습니다.

4. 동적 로딩: 업데이트나 추가된 컨텐츠에 필요한 자바스크립트 파일을 동적으로 로딩하여 빠른 반응성을 제공할 수 있습니다.

이러한 장점들은 사용자 경험을 향상시키고 웹 페이지의 성능을 향상시킬 수 있는데 도움을 줍니다.

참고자료:

• https://web.dev/redundant-network-requests/
• https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/javascript-startup-optimization