기본 콘텐츠로 건너뛰기
web.dev for China
리소스
  • 웹 플랫폼
  • 원하는 속도로 웹 플랫폼을 살펴보세요.
  • HTML
  • CSS
  • JavaScript
  • 사용자 환경
  • 더 나은 사용자 환경을 만드는 방법을 알아보세요.
  • Performance
  • 접근성
  • ID
  • 알아보기
  • 웹 개발에 대해 알아보세요.
  • HTML 학습
  • CSS 학습
  • JavaScript 알아보기
  • AI 알아보기
  • 학습 실적
  • 접근성 알아보기
  • 학습 프로그램 더보기
  • 추가 리소스
  • 콘텐츠 컬렉션, 패턴 등을 살펴보세요.
  • AI와 웹
  • 탐색
  • PageSpeed Insights
  • 팟캐스트 및 프로그램
  • 개발자 뉴스레터
  • web.dev 정보
Discover 기준 기준 사용 방법 블로그 우수사례
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
  • Articles
AI와 웹 빠른 로드 시간 코어 웹 바이탈 알아보기 ID 프로그레시브 웹 앱 수입 지급 Notifications INP를 최적화하는 방법 네트워크 안정성 React 애니메이션 미니 앱 미디어 안전하게 보호 WebAssembly 기기 쉽게 탐색 가능 테스트 자동화 Angular
web.dev for China
  • 리소스
    • 더보기
    • AI와 웹
    • 빠른 로드 시간
    • 코어 웹 바이탈 알아보기
    • ID
    • 프로그레시브 웹 앱
    • 수입 지급
    • Notifications
    • INP를 최적화하는 방법
    • 네트워크 안정성
    • React
    • 애니메이션
    • 미니 앱
    • 미디어
    • 안전하게 보호
    • WebAssembly
    • 기기
    • 쉽게 탐색 가능
    • 테스트 자동화
    • Angular
  • Discover
  • 기준
  • 기준 사용 방법
  • 블로그
  • 우수사례
  • 소개
  • 속도가 왜 중요할까요?
  • 속도란 무엇인가요?
  • 속도 측정 방법
  • 속도를 유지하는 방법
  • Core Web Vitals
  • Web Vitals
  • 사용자 중심 성능 측정항목
  • 코어 웹 바이탈 측정항목 기준점 정의
  • 최대 콘텐츠 렌더링 시간(LCP)
  • 레이아웃 변경 횟수(CLS)
  • 다음 페인트에 대한 상호작용 (INP)
  • 최대 콘텐츠 렌더링 시간 최적화
  • 레이아웃 변경 누적 최적화
  • 다음 페인트에 대한 상호작용 최적화
  • Core Web Vitals를 개선하는 가장 효과적인 방법
  • Google 도구를 사용한 코어 웹 바이탈 워크플로
  • 비즈니스 의사 결정권자를 위한 코어 웹 바이탈 최적화
  • 현장에서 실적 측정
  • Chrome UX 보고서를 통해 현장 성능 살펴보기
  • 실험실 및 현장 데이터가 다를 수 있는 이유와 해야 할 일
  • CrUX 데이터가 RUM 데이터와 다른 이유는 무엇인가요?
  • 리소스 전송 최적화
  • 첫 바이트까지의 시간 최적화
  • 콘텐츠 전송 네트워크 (CDN)
  • 리소스 우선순위 지정
  • 중요한 애셋을 미리 로드하여 로드 속도 개선
  • 조기에 네트워크 연결을 설정하여 체감되는 페이지 속도 개선
  • 향후 탐색 속도를 높이기 위해 리소스 미리 가져오기