RUM 완벽 가이드: web-vitals와 CrUX로 필드 데이터 수집 (2026)
web-vitals v5와 CrUX 조합으로 실제 사용자 LCP·INP·CLS를 수집하는 RUM 도입 워크플로우. GA4·ClickHouse 예제, p75 대시보드, Attribution 활용까지 정리.
코어 웹 바이탈 기사
자바스크립트 Long Tasks 최적화 완벽 가이드: scheduler.yield로 INP 개선하기 (2026)
자바스크립트 Long Tasks를 scheduler.yield()와 LoAF API로 최적화하는 방법을 실전 코드와 함께 정리했다. 태스크 청킹, Web Worker 활용, React·Next.js 통합, INP 측정 전략까지 다룬다.
한국어 웹 폰트 최적화: CLS·LCP를 확실히 잡는 실전 전략
한국어 폰트는 11,172자의 한글 조합 때문에 최적화 없이는 15MB가 넘습니다. font-display, 서브셋, WOFF2, size-adjust, 가변 폰트로 CLS·LCP를 개선하는 2026년 최신 실전 가이드입니다.