[JQUERY] 자바 스크립트 - 머리, 몸 또는 jquery?

자바 스크립트 - 머리, 몸 또는 jquery?

해결법

1. ---

   1.가장 권장되는 방법은 태그 이전에 그것을 넣는 것입니다. Yahoo Performance 기사는 또한 YSLow와 Page Speed ​​Addons가 야후와 구글이 각각 다른 것 이상을 제시합니다.

   가장 권장되는 방법은 태그 이전에 그것을 넣는 것입니다. Yahoo Performance 기사는 또한 YSLow와 Page Speed ​​Addons가 야후와 구글이 각각 다른 것 이상을 제시합니다.

   위에 연결된 야후 기사의 인용 :

   당신이 <헤드> 태그에 스크립트를 넣어 경우, 브라우저는 스크립트가 페이지의 느린 로딩처럼 인식되는 사용자로드 될 때까지함으로써 보류 다른 물건을 유지하기 위해 간다. 이것이 바닥에 스크립트를 넣어야하는 이유입니다.

   에 대한 :

   $(document).ready(function(){/*Code goes here*/});
   

   DOM을 사용할 수 있고 조작 할 준비가되면 해고됩니다. 마지막에 코드를 넣으면 반드시 필요한 것이 필요하지 않지만 일반적으로 DOM을 사용할 수있는 즉시 뭔가를 원하기 때문에 필요합니다.

2. ---

   2.일반적인 연습은 스크립트 태그를 헤드에 두는 것은 일반적으로 스크립트가 다운로드되고 처리 될 때까지 페이지의 렌더링을 보유하고 있기 때문에 (비동기 또는 지연 및 브라우저의 사용을 방지 할 때까지) 페이지의 렌더링을 보유하고 있습니다.

   일반적인 연습은 스크립트 태그를 헤드에 두는 것은 일반적으로 스크립트가 다운로드되고 처리 될 때까지 페이지의 렌더링을 보유하고 있기 때문에 (비동기 또는 지연 및 브라우저의 사용을 방지 할 때까지) 페이지의 렌더링을 보유하고 있습니다.

   일반적인 권장 사항은 바로 앞에있는 바디 태그의 맨 끝에 스크립트 태그를 넣는 것입니다. 그렇게하면 스크립트 위의 모든 DOM 요소가 액세스 할 수 있습니다 (아래 링크 참조). 그 중 하나의주의 사항은 페이지가 적어도 부분적으로 렌더링되었지만 스크립트가 처리되지 않고 사용자가 페이지와 상호 작용을 시작하는 경우에 사용자 가이 페이지와 상호 작용을 시작할 수있는 순간이있을 수 있습니다. 스크립트에 아직 갈 시간이 없었습니다. 그래서 당신은 그것을 알아야합니다. 이것은 점진적 인 향상의 한 가지 이유로 페이지가 JavaScript없이 작동하지만 더 잘 작동하는 아이디어입니다. JavaScript없이 작동하지 않는 페이지 / 앱을 수행하는 경우 본문 태그의 상단에있는 일부 인라인 스크립트 (예 : <스크립트> 여기서 최소 코드 )를 포함 할 수 있습니다. Document.Body에서 버블 링 및 스크립트가로드 될 때 작업을 대기하거나 사용자에게 기다리도록 요청하십시오.

   jQuery의 준비가 괜찮을 것과 같은 기능을 사용하지만 라이브러리 외부에서는 실제로 필요하지 않습니다 (예 : 스크립트 태그가있는 위치를 제어하는 ​​경우, 일반적으로 사용해야합니다.하지만 jQuery를 쓰는 경우 플러그인은로드에서 무언가를 수행 해야하는 [상대적으로 드물다. 정상적으로 불리지를 기다릴 때까지] 일반적으로 그렇게합니다).

   더 읽기 :

3. ---

   3.이렇게하면 JavaScripts를 병렬로 다운로드 할 수 있습니다.

   이렇게하면 JavaScripts를 병렬로 다운로드 할 수 있습니다.

   (function () {
       var ele = document.createElement('script');
       ele.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js";
       ele.id = "JQuery";
       ele.onload = function () {
           //code to be executed when the document has been loaded
       };
       document.getElementsByTagName('head')[0].appendChild(ele);
   })();
   

   이 예에서는 Google에서 Minified jQuery v1.7.2를 다운로드합니다. Google에서 다운로드 한 이후로 jQuery를 다운로드하는 좋은 방법은 CDN을 사용하고 사용자가 캐시 될 수있는 동일한 파일을 사용한 페이지에 사용자가 해본적 인 경우와 같습니다. 거기에 다운로드 할 필요가 없습니다

   여기에 정말 좋은 Google Tech Talk가 있습니다. http://www.youtube.com/watch?v=52Gl93S3USU&Feature=PLCP

from https://stackoverflow.com/questions/10994335/javascript-head-body-or-jquery by cc-by-sa and MIT license