📚 Reference

📜 Chapter

‣

CLS (Cumulative Layout Shift)

FCP (First Contentful Paint)

Front-end 성능 최적화, 빌드 최적화

INP (Interaction to Next Paint)

‣

‣

‣

TBT (Total Blocking Time)

‣

LCP

LCP
Largest Contentful Paint
콘텐츠가 포함된 최대 페인트
LCP는 사용자가 처음 페이지로 이동했을 때를 기준으로 표시 영역에 표시되는 가장 큰 이미지, 텍스트 블록, 동영상의 렌더링 시간을 보고한다.
표준화된 웹 성능 지표이다.
웹 성능 지표 중 하나로, 화면에서 가장 큰 콘텐츠(예: 이미지나 텍스트)가 완전히 표시되는 시점이다.
사용자가 “화면이 떴다!”고 느끼는 속도이다.
페이지가 로딩될 때 제일 큰 요소가 보이기까지 걸린 시간이다.

좋은 기준

2.5초 이내 → 좋음
2.5~4초 → 개선 필요
4초 이상 → 느림