JavaScript 성능 최적화: 로딩 및 실행-JS 튜토리얼-php.cn

JavaScript 성능 최적화: 로딩 및 실행

黄舟

풀어 주다： 2017-02-07 14:48:25

원래의

948명이 탐색했습니다.

Web2.0 기술이 지속적으로 발전하면서 점점 더 많은 애플리케이션이 클라이언트 측 처리에 JavaScript 기술을 사용하게 되었으며, 이로 인해 브라우저에서의 JavaScript 성능은 개발자가 직면한 가장 중요한 사용성 문제가 되었습니다. 이 문제는 JavaScript의 차단 특성으로 인해 복잡해집니다. 즉, 브라우저가 JavaScript 코드를 실행할 때 동시에 다른 작업을 수행할 수 없습니다.

이 글에서는 JavaScript 코드를 올바르게 로드하고 실행하여 브라우저에서의 성능을 향상시키는 방법을 자세히 설명합니다.

01-

개요

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

목록 1 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>

로그인 후 복사

브라우저가

저자별 최신 기사