처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈

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

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

해설

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

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

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

정규반 살펴보기