다음은 인라인 자바스크립트와 외부 파일의 차이점입니다 -
외부 스크립트
- 브라우저는 외부 스크립트가 처음 다운로드되면 저장합니다. 다시 참조해야 하는 경우 추가 다운로드가 필요하지 않습니다.
- 다운로드 시간과 크기가 줄어듭니다.
- async 및 defer 속성이 영향을 미칩니다. 이러한 속성이 있는 경우 스크립트는 기본 동작을 변경합니다.
인라인 스크립트
- 인라인 스크립트는 즉시 실행됩니다.
- 즉시 로드되며 다른 요청을 트리거할 필요가 없습니다.
- 비동기 및 지연 속성은 효과가 없습니다.
- 인라인 스크립트는 서버 측 동적 렌더링에 더 유용합니다.