# largest contentful paint

moonworks

학습용 사이드 프로젝트 month2k를 시작하고 ARIA 접근성 개선작업을 할 때만해도 90점대 성능 점수를 보였는데 오랜만에 측정한 Performance 점수는 매우 낮아져 있었다. 이번 글은 성능 이슈의 원인이었던 LCP를 아주 간단히 개선했던 사례를 소개하려고 한다. SEO 관점에서 **성

ave10987

LCP란? google에서 제시한 core web vitals 지표 중 하나 페이지가 처음 로드를 시작한 시점을 기준으로 뷰포트 내에 있는 가장 큰 이미지 또는 텍스트 블록의 렌더링 시간 google에서 제안하는 좋은 LCP score 우수한 사용자 경험을 위해서 전체 LCP의 75번째 백분위 수(percentile)가 2.5초 이하가 되는 것을 권장 LCP로 측정되는 요소들 `` element ` 내부의 ` `` element (포스터 이미지가 사용된 경우) url() 을 통해 로드된 배경 이미지가 있는 element 텍스트 노드 또는 텍스트를 포함한 block elem