JavaScript 로딩 속도 및 실행 효율성 향상-JS 튜토리얼-php.cn

브라우저에서 JavaScript의 성능은 개발자가 직면한 가장 중요한 사용성 문제가 되었습니다. 이 문제는 JavaScript의 차단 특성으로 인해 복잡해집니다. 즉, 브라우저가 JavaScript 코드를 실행할 때 동시에 다른 작업을 수행할 수 없습니다. 이 문서에서는 브라우저에서 성능을 향상시키기 위해 JavaScript 코드를 올바르게 로드하고 실행하는 방법을 자세히 설명합니다.

개요

현재 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>

로그인 후 복사

브라우저에서