JavaScript 트래픽 절약, 로딩 속도 팁

스크립트가 길어지면 별개의 분리된 파일로 만들어 저장하는 것이 좋다.

스크립트를 별로의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시에 저장하는데,

여러 페이지에서 동일한 스크립트를 사용하는 경우,

브라우저는 페이지가 바뀔 때마다 스크립트를 새로 다운받지 않고,

캐시로부터 스크립트를 가져와 사용하므로 스크립트 파일을 한 번만 다운받기 때문이다.

주의!!

src 속성이 있므녀 태그 내부의 코드는 무시된다.

<script src="file.js">
        alert(1); // src 속성이 사용되었으므로 이 코드는 무시됩니다.
</script>

alert(1)를 작동되게 하려면 스크립트를 두 개로 분리하면 된다.

<script src="file.js"></script>
<script>
      alert(1);
</script>

또한, 복수의 스크립트 태그를 사용하여 복수의 스크립트 파일을 불러올 수도 있다.

<script src="file1.js"></script>
<script src="file2.js"></script>
...