서드 파티 코드의 영향 감소
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
광고 네트워크, 소셜 미디어 버튼, A/B 테스트 또는 분석 서비스를 페이지에 추가하려면 일반적으로
HTML에 서드 파티 스크립트를 추가해야 합니다. 이러한 서드 파티 스크립트는 페이지 로드 성능에 상당한 영향을 줄 수 있습니다 .
서드 파티 코드에 대한 Lighthouse 감사 실패
Lighthouse는 기본 스레드 를 250ms 이상 차단하는 서드 파티 코드가 있는 페이지를 신고합니다.
서드 파티 스크립트는 Lighthouse로 감사한 URL의 도메인과 다른 도메인에서 호스팅되는 모든 스크립트입니다. 페이지가 로드될 때 Lighthouse는 각 서드 파티 스크립트가 기본 스레드를 차단하는 시간을 계산합니다. 총 차단 시간이 250ms를 초과하면 감사가 실패합니다.
서드 파티 코드의 영향을 줄이는 방법
느린 서드 파티 스크립트 식별 을 참고하여 Chrome DevTools 및 기타 Lighthouse 감사를 사용하여 문제가 있는 서드 파티 코드를 감지하는 방법을 알아보고 서드 파티 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)"],[],[]]