웹 성능 지표 CLS(Cumulative Layout Shift)란?

보통 MDN Web Docs
보기 및 정답
A 페이지 로드 중 예상치 못한 레이아웃 이동의 정도를 측정하는 지표
B 브라우저가 외부 CSS 파일을 다운로드하여 파싱 완료하기까지의 시간 지표
C 웹 서버와 클라이언트 간 네트워크 왕복 지연시간을 측정하는 지표
D JavaScript 번들 파일의 전체 크기를 측정하여 최적화를 판단하는 지표

해설

CLS는 Core Web Vitals 중 하나로, 페이지 로드 중 요소가 예기치 않게 이동하는 정도를 수치화합니다. 이미지에 width/height 지정, 동적 콘텐츠에 공간 예약 등으로 CLS를 줄여 사용자 경험을 개선할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...