Sofia Emelianova
브라우저에서 일부 웹페이지 콘텐츠는 먼저 표시되고 나머지는 나중에 표시됩니다. Fetch Priority API를 사용하면 중요한 리소스의 초기 가져오기 우선순위를 브라우저에 신호하여 리소스 로드를 최적화할 수 있습니다.
동영상을 시청하여 다음 작업을 수행하는 방법을 알아보세요.
- 성능 패널에서 로드 측정항목인 최대 콘텐츠 페인트 (LCP)를 찾습니다.
- 네트워크 패널 및 성능 트레이스의 네트워크 트랙에서 초기 및 최종 우선순위를 확인합니다.
- 로컬 재정의를 사용하여
<img>,<link>,<script>요소의fetchpriority속성을 테스트합니다. loading및fetchpriority속성의 차이점을 알아보세요.- 리소스의 우선순위를 낮춰야 하는 경우를 알아보세요.
LCP 이미지는 fetchpriority="high"의 이점을 분명히 누릴 수 있습니다. 또 다른 힌트는 브라우저가 이미지의 우선순위를 자동으로 높이는 경우 초기에 설정하는 것이 좋습니다.
자세한 내용은 다음을 참고하세요.