일반적으로, 웹 페이지를 로딩할 때 모든 자바스크립트 파일이 함께 다운로드되어야 합니다. 하지만, defer나 async 속성을 사용하여 지연 로딩을 할 수 있습니다. 이를 통해 일부 자바스크립트 파일은 웹 페이지의 나머지 콘텐츠와 독립적으로 로딩될 수 있습니다.

예를 들어, 아래와 같이 defer 속성을 사용하여 자바스크립트 파일을 지연 로딩할 수 있습니다.

<script src="example.js" defer></script>

또는 async 속성을 사용하여 비동기적으로 자바스크립트 파일을 로딩할 수도 있습니다.

<script src="example.js" async></script>

defer 속성을 사용하면 스크립트가 페이지 구문 분석 후에 실행되고, async 속성을 사용하면 스크립트가 다운로드되는 즉시 실행됩니다.

이러한 방법을 사용하여, 웹 페이지의 로딩 속도를 향상시키고, 사용자가 더 빠르게 웹 페이지를 이용할 수 있도록 할 수 있습니다.

더 많은 정보를 원하시면, 다음 내용을 참고하시기 바랍니다:

• MDN Web Docs: Script Loading 속성
• Google Developer: Defer Loading JavaScript