"고성능 JavaScript" 읽기 노트 읽기
몇 가지 원칙:
1. 스크립트를 하단에 배치하세요
는 js가 로드되기 전에 페이지가 정상적으로 로드될 수 있는지 확인하기 위해 여전히 헤드에 있습니다.
<script>는 </body> 앞에 위치합니다. </p> <p><strong>2. 그룹 대본</strong></p> <p> 각 <script> 태그는 다운로드 시 페이지 구문 분석 프로세스를 차단하므로 페이지의 총 <script> 수를 제한하면 성능도 향상될 수 있습니다. 인라인 및 외부 스크립트 모두에 적용됩니다. </p> <p><strong>3. 논블로킹 스크립트</strong></p> <p>페이지 로드가 완료될 때까지 기다린 후 js 코드를 로드하세요. 즉, window.load 이벤트가 발생한 후에 코드 다운로드가 시작됩니다. </p> <p> (1) defer 속성: IE4 및 fierfox3.5 이상의 브라우저를 지원합니다 </p> <p><스크립트 연기>...</script>
인라인 및 외부 파일
defer 속성이 있는
사용:
Y.Dom.addclass(...)
})
LazyLoad 라이브러리
사용법: 첫 번째 소개:lazyload-min.js
(4)
Application.init();
})
Application.init();
})
첫 번째 소개: lab.js
Application.init();
})
그의 독특한 특징은 의존성을 관리하는 능력입니다.
wait() 함수를 통해 어떤 파일이 다른 파일을 기다려야 하는지 지정할 수 있습니다.
예: b.js 코드는 a.js 이전에 실행되지 않도록 보장됩니다.
Application.init();
})