기술과 경험

CLS 뜻: 읽는 도중 화면이 얼마나 흔들리는지

Cumulative Layout Shift

CLS는 예상하지 못한 레이아웃 이동이 얼마나 발생하는지 나타내는 지표입니다. 아래를 누르려는데 뒤늦게 뜬 이미지 때문에 버튼 위치가 바뀌는 상황이 한 예입니다.

읽는 도중 화면이 얼마나 흔들리는지

점수가 작을수록 화면이 더 안정적입니다. web.dev의 ‘좋음’ 기준은 0.1 이하이며, 실제 사용자 데이터의 75번째 백분위수로 봅니다. 이미지 공간을 미리 확보하는 작업처럼 화면의 자리를 안정시키는 개선과 연결됩니다.

이어서 살펴볼 개념

LCP와 INP를 함께 읽으면 내용이 나타나는 시간, 반응, 배치의 안정성을 나누어 이해할 수 있습니다.

근거 자료

근거: 레이아웃 변경 횟수(CLS)

블링크애드 용어사전 자료 확인

← 전체 용어사전 보기
↑