LCP 최적화

이 글은 최대 콘텐츠풀 페인트(LCP) 최적화에 대한 내용을 다룹니다. LCP는 코어 웹 바이탈 중 하나로, 실제 사용자 경험과 밀접하게 관련되어 있지만 크롬 사용자 경험(CrUX) 데이터에서는 최적화가 덜 된 지표 중 하나로 나타납니다.

글에서는 LCP 후보 요소를 최적화하고, 이미지 기반 LCP를 피하며, 최적의 후보 요소를 선택하는 방법 등을 설명합니다. 또한, LCP 최적화 시 주의해야 할 함정(지연 로드, fade-in, 외부 호스팅, 클라이언트 측 구성 등)을 피하는 방법을 제시하여 웹 페이지의 로딩 성능을 개선하는 데 도움을 줍니다.