LCP와 INP가 이제 Baseline Newly available로 제공됨
Safari 26.2의 출시로 LCP와 INP가 모든 주요 브라우저에서 지원되며, 웹 성능 측정이 향상되었습니다. 이는 웹 개발자와 비즈니스 이해관계자들에게 중요한 웹 페이지 경험을 측정하는 표준이 됩니다.
출처: 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 이니셔티브의 일환으로, 두 가지 핵심 메트릭이 모든 주요 브라우저에서 지원되게 되어 기대됨.
같이 읽으면 좋은 글
같은 주제이거나 태그가 겹치는 글을 연결해 탐색 흐름을 강화했습니다.
React Conf 2021 Recap
2021년 React Conf에서는 React 18의 출시와 동시 기능 채택을 포함한 다중 플랫폼 비전을 공유했습니다. 이 회의는 React 생태계의 미래 방향성을 제시하며, 개발자들에게 중요한 변화와 기회를 제공합니다.
타입스크립트와 리액트를 활용한 실시간 전자 회로 디자인 가이드
이 글에서는 타입스크립트와 리액트를 사용하여 실제 전자 회로를 구현하는 방법을 심층적으로 다룹니다. 실무적용 사례, 흔한 함정 및 최적화 팁을 포함하여, 개발자들이 실시간 트렌드를 반영할 수 있도록 돕습니다. 또한, 실무 체크리스트와 주의사항을 통해 개발 과정에서의 실수를 줄이고, 코드 예시를 통해 이해를 돕습니다.
Create React App의 서비스 종료
Create React App이 새로운 앱에 대해 더 이상 지원되지 않으며, 기존 앱은 Vite, Parcel, RSBuild와 같은 빌드 도구로 마이그레이션할 것을 권장합니다. 또한, 프로젝트에 적합하지 않은 경우나 React를 직접 배우고 싶은 경우를 위한 문서도 제공됩니다.
이전 글
사용자에게 목소리를 주는 가상 페르소나
다음 글
New to the web platform in December
댓글
불러오는 중…