자바스크립트 실행 시간 단축
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
자바스크립트를 실행하는 데 시간이 오래 걸리면 여러 가지 방식으로 페이지 성능이 저하됩니다.
네트워크 비용
바이트가 많을수록 다운로드 시간이 길어집니다.
파싱 및 컴파일 비용
JavaScript는 기본 스레드에서 파싱되고 컴파일됩니다.
기본 스레드가 사용 중이면 페이지가 사용자 입력에 응답할 수 없습니다.
실행 비용
JavaScript는 기본 스레드에서도 실행됩니다.
페이지에서 실제로 필요하기 전에 많은 코드를 실행하면 사용자가 페이지 속도를 인식하는 방식과 관련된 주요 측정항목 중 하나인 상호작용 시작 시간도 지연됩니다.
메모리 비용
JavaScript가 많은 참조를 보유하면 많은 메모리를 소비할 수 있습니다.
페이지에서 메모리를 많이 사용하면 버벅거림이나 느려지는 현상이 나타납니다.
메모리 누수로 인해 페이지가 완전히 멈출 수 있습니다.
Lighthouse JavaScript 실행 시간 감사 실패 방법
JavaScript 실행이 2초 이상 걸릴 경우 Lighthouse에서 경고를 표시합니다.
실행 시간이 3.5초를 초과하면 감사가 실패합니다.
실행 시간에 가장 큰 영향을 주는 요인을 식별하는 데 도움이 되도록 Lighthouse는 페이지에서 로드되는 각 자바스크립트 파일을 실행, 평가, 파싱하는 데 소요된 시간을 보고합니다.
JavaScript 실행 속도를 높이는 방법
페이지 로드를 개선하는 다른 방법은 실적 감사 방문 페이지를 참고하세요.
자료
JavaScript 실행 시간 단축 감사를 위한 소스 코드
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2019-05-02(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2019-05-02(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2019-05-02(UTC)"],[],[]]