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