>  기사  >  웹 프론트엔드  >  Javascript_javascript 팁의 비차단 로딩의 구체적인 방법

Javascript_javascript 팁의 비차단 로딩의 구체적인 방법

WBOY
WBOY원래의
2016-05-16 17:30:471189검색

"고성능 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 속성이 있는