1. 로딩
먼저 정적 페이지의 참조 js 파일을로드 한 다음 참조 파일에 main.js의 Onload 함수와 같은 Onload 함수가 포함되어 있는지 확인하고 main.js에 다른 JS 파일에 대한 참조가 있는지 확인하고 우선 순위는 참조 js 파일을로드하는 것입니다. 참조 된 파일의로드 순서는 main.js의 순서와 동일합니다.
로드 후 OnLoad 기능을 실행하기 시작하십시오. JS의 실행 순서는 순차적으로 실행되므로 페이지의 해당 속도를 향상시키기 위해 일반적으로 페이지를 Onload에서만 그려야하며 일부 이벤트 바인딩 기능, AJAX 메소드 등은 쓰기를 지연시킬 수 있습니다.
2. 응답 속도 분석
1. 도구를 사용하여 분석하십시오
Firefox와 같은 주요 브라우저의 개발자 도구는 각 JS 파일, HTML 파일, CSS 파일 및 그림의로드 및 실행 시간을 쉽게 볼 수 있습니다.
2. 하드 코딩 된 분석
첫 번째 단계에서는 기본적으로 병목 현상 JS 파일을 찾을 수 있습니다. 병목 현상 JS에서는 Console.Time ( 'Test') 및 Console.endTime ( 'Test') 문을 사용하여 JS 함수 및 코드 블록의 실행 시간을 계산할 수 있습니다. 그러나 콘솔 명령문은 비 EIE 브라우저에서만 유효하며 IE에 따라 오류 가보고됩니다. 즉, IE를 사용하려면 타임 스탬프를 사용하십시오. 꼬집어지면 더 편리한 방법은 전체 JS 파일을 직접 꼬집어 Firefox 브라우저를 사용하는 것이 F12를 눌러 콘솔의 대상 JS에서 모든 기능 및 코드 블록의 시간이 소요되는 경우 병목 현상 코드에서 찾을 수 있습니다.