오프스크린 이미지 지연
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Lighthouse 보고서의 추천 섹션에는 페이지의 화면 밖 또는 숨겨진 이미지가 모두 표시되고 키비바이트 (KiB) 의 잠재적 절감 효과도 표시됩니다.
모든 중요 리소스의 로드가 완료된 후 이러한 이미지를 지연 로드하여 상호작용 시작 시간 을 줄이는 것이 좋습니다.
lazysizes로 화면 밖 이미지 지연 로드 Codelab 도 참고하세요.
스택별 안내
AMP
amp-img이미지 가이드를 참조하세요.
Drupal
이미지를 지연 로드할 수 있는 Drupal 모듈 을 설치합니다. 이러한 모듈은 오프스크린 이미지를 지연하여 성능을 개선하는 기능을 제공합니다.
Joomla
지연 로드 Joomla 플러그인 을 설치하면 모든 오프스크린 이미지를 연기하거나 이 기능을 제공하는 템플릿으로 전환할 수 있습니다. Joomla 4.0부터 'Content - Lazy Loading Images' 플러그인을 사용해 전용 지연 로드 플러그인을 사용 설정할 수 있습니다. AMP 플러그인 사용도 고려해 보세요.
Magento
웹 플랫폼의 지연 로드 기능을 사용하도록 제품 및 카탈로그 템플릿을 수정하는 것이 좋습니다.
WordPress
지연 로드 WordPress 플러그인 을 설치하면 모든 오프스크린 이미지를 연기하거나 이 기능을 제공하는 테마로 전환할 수 있습니다. AMP 플러그인 사용도 고려해 보세요.
자료
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 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)"],[],[]]
