지표 이름을 외웠는지가 아니라, 측정으로 병목을 짚고 지표별 개선 레버를 우리 코드 위로 끌어올 수 있는지 가르려는 질문이다.
Core Web Vitals는 사용자 체감을 세 축으로 묶은 지표로, LCP는 큰 콘텐츠가 처음 그려지는 시점, INP는 사용자 상호작용에 화면이 응답하기까지의 지연, CLS는 의도치 않은 레이아웃 이동의 누적량을 잰다. 개선은 병목을 먼저 찾고 그 자리에 맞춰 손대는 흐름이다. LCP는 LCP 후보 요소를 식별해 이미지·폰트 preload·서버 응답·CSS 차단 자원을 줄이는 쪽으로, INP는 핸들러 안의 무거운 동기 작업과 큰 리렌더를 쪼개는 쪽으로, CLS는 이미지·iframe·광고에 크기를 잡고 폰트·동적 삽입 영역을 다듬는 쪽으로 간다. 한 번 줄였다고 끝이 아니라, 필드 데이터를 보며 회귀를 막는 운영이 본 작업이다.
필드 데이터에서 LCP 후보 요소가 의외로 텍스트 블록이었던 식의 경험이 있다면 측정 기반 진단 사례로 연결할 수 있다
INP 악화 원인을 무거운 핸들러나 큰 리렌더로 좁혀 본 적이 있다면 상호작용 병목 진단으로 엮을 수 있다
CWV 대시보드를 팀 목표로 운영해 본 경험이 있다면 회귀 방지·우선순위 합의 관점으로 말할 수 있다
아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.