Cumulative layout shift란?
페이지가 로딩 중에 흔들리는 것, 즉 배너가 나타나고 텍스트가 아래로 밀려 엉뚱한 버튼을 누르게 되는 현상이 레이아웃 이동입니다. Google은 이를 Core Web Vitals 중 하나인 CLS로 측정합니다.
기능
- 현재 페이지의 CLS 표시
- 탐색하면서 레이아웃 이동을 찾도록 도움
- LCP(Largest Contentful Paint)도 확인
사용 방법
- 설치. Chrome Web Store에서 확장 프로그램을 추가합니다.
- 페이지 열기. 확인할 페이지를 불러옵니다.
- 점수 확인. 확장 프로그램을 열어 CLS 값을 확인합니다.
제품 정보
| 개발사 | Cresotech (PayForSay s. r. o., 슬로바키아) |
| 버전 | 1, 2025-02-20 업데이트 |
| 언어 | 52개 |
| 가격 | 무료 |