LCP와 INP가 이제 Baseline Newly available로 제공됨

출처: Web.dev — https://web.dev/blog/lcp-and-inp-are-now-baseline-newly-available?hl=en

주요 내용

• **LCP (Largest Contentful Paint)**와 **INP (Interaction to Next Paint)**가 모든 주요 브라우저에서 지원됨.
• 웹 페이지의 로딩 속도, 상호작용 반응 속도, 콘텐츠 안정성을 측정하는 Core Web Vitals의 일환.
• 이전에는 Chromium 기반 브라우저에서만 측정 가능했으나, 이제는 iOS에서도 지원됨.

CrUX 데이터 관련

• CrUX 데이터는 여전히 Chrome 사용자만을 기반으로 하며, 다른 브라우저의 데이터는 포함되지 않음.
• Real User Monitoring (RUM) 도구를 통해 추가적인 필드 데이터를 수집 가능.

브라우저 간 차이점

• 각 브라우저의 렌더링 파이프라인 차이로 인해 LCP 및 INP 측정에서 약간의 차이가 발생할 수 있음.
• Chrome은 presentationTime까지 측정하나, Firefox와 Safari는 paintTime까지만 측정.

향후 계획

• CLS (Cumulative Layout Shift)는 Interop 2026 프로젝트에 제안되었으나, 현재는 Chromium 기반 브라우저에서만 지원됨.

결론

• 웹 성능 개선을 위한 Web Vitals 이니셔티브의 일환으로, 두 가지 핵심 메트릭이 모든 주요 브라우저에서 지원되게 되어 기대됨.

댓글

댓글을 읽어오는 중입니다.