Image 태그에서 해당 경고 발생했다.

LCP 에  대한 경고이다.

Priority 속성

priority 속성은 Image 컴포넌트를 고우선 순위 리소스로 취급하며, 해당 이미지가 lazy loading 되지 않고 즉시 로딩되게 한다. 이 속성은 주로 화면의 상단에 표시되는 이미지에 유용하다.

<Image priority={true} alt="" src={"/images/Joy.png"} fill={true}/>

priority 를 true로 설정하면 경고 사라진다.

장점

priority 속성의 장점

1. LCP(Largest Contentful Paint) 향상: 이미지가 즉시 로드되므로 LCP 지표가 개선다. LCP는 Core Web Vitals의 중요한 요소이다.
2. 사용자 경험 개선: 중요한 이미지를 빠르게 로드함으로써 초기 페이지 로딩 시 사용자 경험이 향상됩니다.