기본 콘텐츠로 건너뛰기
Chrome for Developers
문서
  • Chrome으로 빌드
  • Chrome의 작동 방식을 알아보고 오리진 트라이얼에 참여하며 어디서나 Chrome으로 빌드하세요.
  • 웹 플랫폼
  • 분리형 웹 앱(IWA)
  • 기능
  • 자동화 및 테스트
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Android의 웹
  • 오리진 트라이얼
  • 출시 노트
  • 생산성
  • 최고의 웹 도구를 사용하여 사용자에게 최고의 환경을 제공하세요.
  • DevTools
  • Lighthouse
  • Chrome UX 보고서
  • 접근성
  • 최신 웹 가이드
  • 미리 준비된 라이브러리를 통해 작업을 더 빠르고 깔끔하게 완료할 수 있습니다.
  • Workbox
  • 인형 조종자
  • 경험
  • Chrome으로 멋진 성능의 웹을 디자인해 보세요.
  • AI
  • Performance
  • CSS 및 UI
  • ID
  • 수입 지급
  • 개인정보 보호 및 보안
  • 리소스
  • Chrome 및 Google의 더 많은 기능
  • 모든 문서
  • 기준 open_in_new
  • web.dev open_in_new
  • PageSpeed Insights 감사 open_in_new
우수사례 블로그 Chrome의 새로운 기능
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Nederlands
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
로그인
  • Docs
  • Lighthouse
Lighthouse 시작하기 실적 감사 접근성 감사 권장사항 감사 SEO 감사 에이전트형 브라우징 감사
Chrome for Developers
  • 문서
    • 더보기
    • Lighthouse
    • 시작하기
    • 실적 감사
    • 접근성 감사
    • 권장사항 감사
    • SEO 감사
    • 에이전트형 브라우징 감사
  • 우수사례
  • 블로그
  • Chrome의 새로운 기능
  • 개요
  • Performance
  • 실적 감사 점수
  • 측정항목
    • 콘텐츠가 포함된 첫 페인트
    • 속도 색인
    • 총 차단 시간
    • 콘텐츠가 포함된 최대 페인트
    • 누적 레이아웃 변경
  • 통계
    • CSS 선택자 비용
    • 문서 요청 지연 시간
    • 중복된 JavaScript
    • 글꼴 표시
    • 강제 리플로우
    • 이미지 전송 개선
    • INP 분석
    • 레이아웃 변경 원인
    • LCP 분석
    • LCP 요청 검색
    • 기존 자바스크립트
    • 최신 HTTP
    • 네트워크 종속 항목 트리
    • DOM 크기 최적화
    • 모바일 표시 영역 최적화
    • 렌더링 차단 요청
    • 서드 파티
    • 효율적인 캐시 수명 사용
  • 진단
    • 과도한 네트워크 페이로드 방지
    • 합성되지 않은 애니메이션 피하기
    • 오프스크린 이미지 지연
    • 페이지를 뒤로-앞으로 캐시에서 복원할 수 있는지 확인합니다.
    • 요청 수를 낮게 유지하고 전송 크기를 작게 유지
    • 퍼사드로 서드 파티 리소스 지연 로드
    • CSS 축소
    • 자바스크립트를 축소하세요.
    • 기본 스레드 작업 최소화
    • 주요 요청 미리 로드
    • 자바스크립트 실행 시간 단축
    • 사용하지 않는 CSS 삭제
    • 사용자 시간 표시 및 측정
  • 사용 중단된 측정항목
    • 상호작용 시작 시간
    • 유의미한 첫 페인트
    • 첫 번째 CPU 유휴 상태
    • 최대 최초 입력 반응 시간 가능성
  • 접근성
  • 접근성 감사 점수
  • 수동 점검
    • 맞춤 컨트롤에 ARIA 역할이 있음
    • 맞춤 컨트롤에는 연결된 라벨이 있습니다.
    • 갇힌 사용자 포커스
    • 키보드 포커스 가능 대화형 컨트롤
    • 상호작용 요소는 요소의 목적과 상태를 나타냅니다.
    • 페이지에 논리적 탭 순서가 있음
    • 사용자의 포커스가 페이지에 추가된 새 콘텐츠에 집중됨
    • 화면 밖 콘텐츠가 보조 기술에서 숨겨집니다.
    • 탐색 기능을 개선하는 데 사용되는 HTML5 랜드마크 요소
    • 페이지의 시각적 순서가 DOM 순서를 따릅니다.
  • 접근성 알아보기
  • 권장사항 감사
  • 일반 권장사항
    • 페이지에 HTML doctype이 없으므로 쿼크 모드가 트리거됩니다.
    • 브라우저 오류가 콘솔에 로깅되었습니다.
    • 가로세로 비율이 잘못된 이미지를 표시합니다.
    • 문자 집합 선언이 누락되었거나 HTML에서 너무 늦게 발생합니다.
  • 페이지 속도 높이기
    • document.write() 사용
    • 패시브 리스너를 사용하여 스크롤 성능 개선
  • 페이지 보안 강화하기
    • 교차 출처 대상 링크가 안전하지 않음
    • 알려진 보안 취약점이 있는 프런트엔드 JavaScript 라이브러리 포함
    • CSP가 XSS 공격에 효과적인지 확인
    • HTTPS 사용 안함
    • HTTP 트래픽을 HTTPS로 리디렉션하지 않음
    • 강력한 HSTS 정책 사용
    • XFO 또는 CSP로 클릭재킹 완화
    • 신뢰할 수 있는 유형으로 DOM 기반 XSS 완화
  • 편리한 사용자 환경 조성
    • 페이지 로드 시 알림 권한 요청
    • 페이지 로드 시 위치정보 권한 요청
    • 사용자가 입력란에 붙여넣지 못하도록 차단
  • 지원 중단된 기술 피하기
    • 애플리케이션 캐시 사용
    • 지원 중단된 API 사용
  • 진단 감사
    • 감지된 자바스크립트 라이브러리
    • 기준 기능
  • 검색 엔진 최적화(SEO)
  • 검색엔진이 내 콘텐츠를 이해하도록 돕기
    • 문서에 메타 설명이 없습니다.
    • 링크에 설명 텍스트가 없음
    • 문서에 유효한 hreflang이 없음
    • 문서에 유효한 rel=canonical이 없습니다.
  • 검색엔진의 크롤링 및 색인 생성 지원
    • 페이지에 실패한 HTTP 상태 코드가 있음
    • robots.txt가 유효하지 않음
    • 문서가 플러그인을 사용함
  • 모바일 친화성 변경
    • 문서에서 읽을 수 있는 글꼴 크기를 사용하지 않음
    • 탭 타겟의 크기가 적절하지 않음
  • 수동 점검
    • 구조화된 데이터가 유효함
  • 에이전트형 브라우징
  • 에이전트형 브라우징 점수
  • WebMCP 통합
    • 등록된 WebMCP 도구
    • 선언적 WebMCP가 누락된 양식
    • WebMCP 스키마 유효성
  • 발견 가능성
    • llms.txt
  • 접근성
    • 상담사의 접근성
  • 레이아웃 안정성
    • 레이아웃 안정성
  • 마이그레이션
  • Lighthouse v3 이전 가이드
  • Chrome으로 빌드
  • 웹 플랫폼
  • 분리형 웹 앱(IWA)
  • 기능
  • 자동화 및 테스트
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Android의 웹
  • 오리진 트라이얼
  • 출시 노트