코어 웹 바이탈은 LCP(가장 큰 콘텐츠가 화면에 그려지는 시간, 2.5초 이내 권장), CLS(레이아웃이 예기치 않게 움직이는 정도, 0.1 이하 권장), INP(사용자 입력에 반응하는 속도, 200ms 이내 권장) 세 지표로 구성되며 2024년 3월 FID를 대체해 INP가 새로운 반응성 지표로 채택됐다. 이 수치는 실제 사용자의 브라우저에서 수집된 필드 데이터(CrUX)를 기반으로 하기 때문에, 개발자 PC의 랩 데이터(Lighthouse)와 실제 점수가 다를 수 있다. 이미지에 width/height를 명시해 레이아웃 변화를 막고, 메인 스레드를 오래 점유하는 자바스크립트를 코드 분할하는 것이 세 지표를 동시에 개선하는 가장 효과적인 방법이다.
실무 적용 및 비즈니스 영향
- 실제 사용자 경험(UX) 개선 및 구글 검색 순위 알고리즘의 주요 랭킹 요소
구현 가이드 및 주의사항
- 이미지 최적화와 레이아웃 크기 명시 및 메인 스레드 JS 차단 시간 최소화