외부 JavaScript - 본문 또는 헤드?

가능한 중복은 :
Where is the best place to put <script> tags in HTML markup?외부 JavaScript - 본문 또는 헤드?

는 어디서 외부 자바 스크립트 파일을 넣어해야합니까? 사람들이 body 태그의 끝에 그것을 두어 웹 페이지를 더 빨리로드하는 것처럼 보이게합니다. 그러나 마지막에 넣는 것에 대해 어떤 단점이 있습니까?

Google Analytics 코드와 함께 자바 스크립트를 넣는 것이 좋습니다.

<body> 
// Everything else over here ... conent etc.. 
    <script src="myjavascript.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
     // google analytics code 
     </script> 
</body>

출처

2012-07-18 Jason Stackhouse

나는 항상 머리 속에 넣는다. 어딘가에있는 몸체의 함수 중 하나를 호출해야하고, 함수를 호출하기 전에 페이지가로드 될 때까지 기다릴 필요가 없다. –

@JohnnyCraig 당신은해야합니다. http://headjs.com을 확인하십시오 -

현재 권장 사항은 "모양 때문이 아니라 하단에있는 자바 스크립트를 배치 할 수있는 신체의 끝 부분에 넣어 하나의 스크립트보다가이 has been shown을 그것은 더 빨리로드 "하지만, 거기에 그들을 배치하여, 자바 스크립트 구문 분석 및 실행은 브라우저의 다른 작업 (예 : 나머지 페이지로드)을 중단시키지 않습니다.

제가 생각할 수있는 한 가지는 외부 JS에서 개체와 함수를 정의하고 페이지에서 사용하려는 경우 페이지로드/대기를 기다려야한다는 것입니다.

Google 애널리틱스 코드의 경우 해당 사례를 하단에 배치하는 것이 좋습니다.

출처

2012-07-18 21:30:09 Oded

하지만 더 빨리로드되는 것처럼 보입니다 ... 디자인은 처음에는 행복한 사용자가됩니다! 하지만 옳을지도 몰라! Btw, 내 코드 또는 분석 코드를 먼저? –

페이지 끝의 스크립트를 배치하면 improve the performance이 도움이됩니다.

스크립트로 인한 문제는 병렬 다운로드를 차단한다는 것입니다. HTTP/1.1 사양에서는 브라우저가 호스트 이름 당 두 개의 구성 요소보다 더 이상 을 다운로드하지 않는다고 제안합니다. 복수 호스트 이름에서 이미지를 제공하는 경우 이 두 번 이상 다운로드 될 수 있습니다. 그러나 스크립트가 다운로드되는 동안 브라우저는 다른 호스트 이름을 사용하는 경우에도 다른 다운로드를 시작하지 않습니다.

중요한 것은 외부 JS에서 참조되는 개체에 액세스하기 전에 먼저로드해야합니다.

출처

2012-07-18 21:32:02 RobB

외부 JavaScript - 본문 또는 헤드?

관련 문제