본문으로 건너뛰기
weballin

weballin DIGIWIKI · 용어 사전

누적 레이아웃 이동

누적 레이아웃 이동(CLS)은 페이지에서 예상하지 못한 레이아웃 이동을 측정하는 Core Web Vitals 지표입니다. 이미지나 광고가 뒤늦게 표시되면서 글과 버튼이 밀리는 현상을 점검할 때 사용합니다.

사용자가 읽거나 클릭하려는 요소가 갑자기 움직이면 읽던 위치를 놓치거나 다른 버튼을 누를 수 있습니다. 크기를 예약하지 않은 이미지와 광고, 동적으로 삽입되는 콘텐츠, 글꼴 교체 등이 이동의 원인이 될 수 있습니다.

이미지와 동영상의 너비·높이 또는 종횡비를 지정하고, 광고와 임베드가 들어갈 공간을 미리 확보합니다. 글꼴 로딩 전략은 대체 글꼴의 크기와 실제 렌더링 결과를 함께 확인해 선택합니다.

실험실 테스트와 실제 사용자 데이터의 조건은 다릅니다. 페이지 로딩 직후뿐 아니라 스크롤과 상호작용 중에도 이동이 생기는지 확인합니다. 특정 개선 수치를 제시하려면 같은 조건의 실제 측정 기록이 필요합니다.

위볼린디지털 마케팅 용어 사전