핵심 웹 지표: LCP, INP 및 CLS 진단

핵심 웹 지표는 로딩, 상호작용 응답성, 시각적 안정성을 나타냅니다. 에셋을 변경하거나 더 높은 Lighthouse 점수를 쫓기 전에 관련 사용자에게 실패하고 있는 지표를 진단하세요.

필드 측정값과 실험실 실행 분리

필드 데이터는 보고 기간 동안 실제 사용자의 방문을 반영합니다. 실험실 테스트는 제어된 진단 실행입니다. 기기, 네트워크, 캐싱 및 상호작용으로 인해 결과가 다를 수 있습니다. 필드 데이터가 없는 페이지는 측정값이 부족하며, 자동으로 통과되거나 실패한 것이 아닙니다. 총 차단 시간(Total Blocking Time)은 실험실 진단 지표이므로 INP로 재명명해서는 안 됩니다.

증거를 바탕으로 복구 작업 선택하기

모든 권장 사항을 한 번에 적용하지 마십시오. 이미지 압축 변경으로 느린 이벤트 핸들러를 설명할 수 없으며, 빠른 초기 로드만으로는 반응형 체크아웃 상호작용을 보장할 수 없습니다.

실제 사례: 상품 이미지가 늦게 로드되는 경우

상품 페이지의 다른 리소스는 일찍 로드되지만 핵심 이미지가 늦게 로드된다고 가정해 보겠습니다. 해당 이미지가 LCP 요소인지 확인합니다. JavaScript가 실행된 후에만 검색되는지 또는 잘못 지연 로드(lazy loaded)되었는지 확인합니다. 검색 또는 로드 우선순위를 변경하고, 적절한 이미지 치수를 유지한 다음, 동일한 테스트 환경을 다시 실행합니다. 마지막으로, 충분한 수의 새로운 방문 데이터가 수집되면 관련 필드 트렌드를 관찰합니다. 이는 진단 예시일 뿐 측정된 SearchBastion 결과가 아닙니다.

테스트 조건 기록하기

URL, 기기 프로필, 테스트 시간, 릴리스 식별자 및 관찰된 병목 현상을 저장합니다. 변경 후 유사한 테스트를 실행하고 탐색, 메뉴 및 구매 제어 기능도 테스트합니다. 성능 작업은 사용자가 경험하는 환경을 개선해야 합니다. 점수 상승만으로는 순위 상승을 보장할 수 없습니다.

속도 검사기 사용을 통해 초기 조사를 진행하고, 웹 바이탈에서 지표 정의를 참조하세요.