인프런 커뮤니티 질문&답변
작성한 질문수
<Image> 태그에 priority 적용건
해결된 질문
23.12.20 11:54 작성
·
503
·
수정됨
0
브라우저 콘솔에 Image with src "/_next/static/media/zlogo.f72788b6.png" was detected as the Largest Contentful Paint (LCP). Please add the "priority" property if this image is above the fold.Read more: https://nextjs.org/docs/api-reference/next/image#priority
와 같은 warning이 뜨길래 공식문서와 블로그 글을 참고해 봤는데 이미지 로딩의 우선권을 주는 기능인 것 같던데요
그냥 유저가 이미지가 들어가 있는 페이지에 접속했을때, 빠른 로딩 우선권을 주는 거라고 생각하면 되는 걸까요?
답변 1
1
제로초(조현영)
지식공유자
2023. 12. 20. 12:08
넥스트에서 이미지는 보통 레이지로딩됩니다. 즉, 화면에 보일 때야 로딩을 시작합니다. 그런데 첫 로딩 시 보이는 이미지는 레이지로딩을 할 필요가 없습니다. 저희 로고처럼요. 그런 건 priority 붙여주시면 됩니다.