Skip to content
Open menu
정보
블로그
배우기
탐구하다
패턴
Case studies
닫기
Thanks for tuning in to Google I/O.
Watch the Chrome content on-demand.
Core Web Vitals
건전한 사이트를 위한 필수 메트릭.
Overview
웹에서 훌륭한 사용자 경험을 제공하는 데 필수적인 품질 신호와 관련하여 통합적 가이드를 제공하는 이니셔티브입니다.
Table of Contents
개요
Core Web Vitals 메트릭
Core Web Vitals 측정
Core Web Vitals 디버깅
Core Web Vitals 개선
모범 사례
개요
#
Web Vitals
The business impact of Core Web Vitals
Core Web Vitals 메트릭
#
Largest Contentful Paint(최대 콘텐츠풀 페인트, LCP)
First Input Delay(최초 입력 지연, FID)
Cumulative Layout Shift(누적 레이아웃 이동, CLS)
Core Web Vitals 메트릭 및 임계값 정의
Core Web Vitals 측정
#
Web Vitals 측정 시작하기
Core Web Vitals 측정 도구
필드의 Web Vitals 측정 모범 사례
Why is CrUX data different from my RUM data?
Core Web Vitals 디버깅
#
Why lab and field data can be different (and what to do about it)
Debug layout shifts
Debug performance in the field
Core Web Vitals 개선
#
최대 콘텐츠풀 페인트 최적화
최초 입력 지연 최적화
누적 레이아웃 이동 최적화
모범 사례
#
UX patterns optimized for Core Web Vitals
캐러셀 권장사항
쿠키 알림에 대한 모범 사례
Best practices for fonts
Best practices for tags and tag managers
Best practices for using third-party embeds
Infinite scroll without layout shifts
Web Vitals용 CSS
By
Chrome DevRel
