Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

첫 번째 의미 있는 페인트

감사가 중요한 이유

페이지 로드는 사용자가 페이지의 성능을 이해하는 중요한 요소입니다. 자세한 내용은 RAIL 메서드로 성능 측정을 참조하세요.

이 감사는 사용자가 페이지의 기본 콘텐츠가 보인다고 느끼는 시간을 알아냅니다.

감사를 통과하는 방법

첫 번째 의미 있는 페인트 점수가 낮을수록 페이지가 기본 콘텐츠를 표시하는 시간이 빠른 것입니다.

주요 렌더링 경로 최적화는 첫 번째 의미 있는 페인트 속도를 높이는 데 특히 유용합니다.

감사 구현 방법

이 섹션에서는 감사 점수 계산 방법을 이해할 수 있도록 감사를 어떻게 구현하는지 설명합니다.

기본적으로, 첫 번째 의미 있는 페인트는 가장 큰 상단부 레이아웃 변경이 발생하고 웹 글꼴이 로드된 다음에 발생하는 페인트입니다. 자세한 내용은 첫 번째 의미 있는 페인트: 레이아웃 기반 접근법을 참조하세요.