중요 요청 체이닝 방지
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
중요한 요청 체인은 페이지 렌더링에 중요한 일련의 종속 네트워크 요청입니다.
체인의 길이가 길고 다운로드 크기가 클수록 페이지 로드 성능에 더 큰 영향을 미칩니다.
Lighthouse는 높은 우선순위로 로드된 중요 요청을 보고합니다.
Lighthouse가 중요한 요청 체인을 식별하는 방법
Lighthouse는 네트워크 우선순위를 프록시로 사용하여 렌더링을 차단하는 주요 리소스를 식별합니다.
Chrome에서 이러한 우선순위를 정의하는 방법에 대한 자세한 내용은 Google의 Chrome 리소스 우선순위 및 예약을 참조하세요.
중요 요청 체인, 리소스 크기, 리소스 다운로드 시간에 관한 데이터는 Chrome 원격 디버깅 프로토콜에서 추출됩니다.
중요한 요청 체인 감사 결과를 사용하여 페이지 로드에 가장 큰 영향을 미치는 리소스를 먼저 타겟팅합니다.
- 삭제하고, 다운로드를 연기하고,
async
로 표시하는 등 중요한 리소스 수를 최소화합니다.
- 중요한 바이트 수를 최적화하여 다운로드 시간 (왕복 횟수)을 줄입니다.
- 나머지 중요 리소스가 로드되는 순서를 최적화합니다. 모든 중요 애셋을 최대한 빨리 다운로드하여 주요 경로 길이를 줄입니다.
이미지, JavaScript, CSS, 웹 글꼴 최적화에 대해 자세히 알아보세요.
스택별 안내
Magento
자바스크립트 애셋을 번들로 묶지 않는 경우 baler를 사용하는 것이 좋습니다.
자료
중요 요청 깊이 최소화 감사를 위한 소스 코드
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 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)"],[],[]]