레이아웃 변경 원인

Connor Clark
Connor Clark
X GitHub

게시일: 2025년 10월 8일

레이아웃 변경은 사용자 상호작용이 없는데도 요소가 위치를 이동할 때 발생합니다. 페이지가 로드될 때 요소가 추가되거나 삭제되거나 글꼴이 변경되는 등 레이아웃이 변경되는 이유를 조사하세요.

이 통계는 관찰된 레이아웃 변경의 원인에 대한 최적의 추측을 제공할 수 있습니다. 자세히 알아보려면 성능 패널에서 레이아웃 이동 트랙을 살펴보세요. 원인이 제안되지 않더라도 모든 레이아웃 변경을 완화할 수 있습니다.

이 통계를 전달하는 방법

CLS가 '양호' (0.1) 이상이어야 합니다.

레이아웃 변경의 일반적인 원인은 다음과 같습니다.

  • 크기가 지정되지 않은 이미지
  • 삽입된 iframe (예: 광고)
  • 최적화되지 않은 애니메이션
  • 웹 글꼴 - 스타일이 지정되지 않은 텍스트 플래시 (FOUT) 또는 보이지 않는 텍스트 플래시 (FOIT)

추가 자료