HTML에서 JavaScript 파일의 최적 배치 JavaScript 파일은 일반적으로 를 사용하여 외부에 연결됩니다. 질문이 생깁니다. HTML 문서에서 이러한 파일을 최적으로 배치하는 위치는 어디입니까?</p> <p>제공된 HTML 코드에는 가능한 네 가지 배치 옵션이 간략하게 설명되어 있습니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><html> <head> <!-- here? --> <!-- here? --> </head> <body> <!-- here? --> <!-- or here? --> </body> </html></pre><div class="contentsignin">로그인 후 복사</div></div> <p><strong>배치 권장사항</strong> </p> <p>Yahoo! 뛰어난 성능 팀, 스크립트는 <strong>페이지 하단</strong>에 배치되어야 합니다. 브라우저는 구성요소 다운로드의 우선순위를 순차적으로 지정하므로 이는 권장됩니다. 하단에 스크립트를 배치하면 다른 페이지 요소가 먼저 로드되어 사용자 경험 중단이 최소화됩니다.</p> <p><strong>상황 고려 사항</strong></p> <p>그러나 Levi가 언급한 것처럼 최적의 배치는 특정 스크립트에 따라 다를 수 있습니다. 특정 페이지 요소가 작동하는 데 스크립트가 필요한 경우 해당 요소가 의존하는 <strong>요소 바로 앞에</strong> 배치해야 합니다. 이렇게 하면 페이지 기능을 지원하는 데 필요한 시간에 스크립트가 로드되고 실행됩니다.</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
