JavaScript 로딩 및 실행 효율성을 향상시키는 방법

高洛峰
풀어 주다: 2017-02-03 13:23:51
원래의
1466명이 탐색했습니다.

머리말

현재 JavaScript 코드가 내장되어 있든 외부 링크 파일에 있든 관계없이 페이지 다운로드 및 렌더링은 중지하고 스크립트 실행이 완료될 때까지 기다려야 합니다. JavaScript 실행 프로세스가 길어질수록 브라우저가 사용자 입력에 응답하기 위해 기다리는 시간도 길어집니다. 스크립트를 다운로드하고 실행할 때 브라우저가 차단되는 이유는 스크립트가 페이지의 네임스페이스나 JavaScript를 변경하여 후속 페이지의 내용에 영향을 미칠 수 있기 때문입니다.

일반적인 예는 페이지에서 document.write()를 사용하는 것입니다.

JavaScript 코드 삽입 예

<html>
<head>
 <title>Source Example</title>
</head>
<body>
 <p>
 <script type="text/javascript">
 document.write("Today is " + (new Date()).toDateString());
 </script>
 </p>
</body>
</html>
로그인 후 복사

브라우저에서

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿