Layout Shift GIF Generator
(defaced.dev)- 모바일/데스크탑 웹페이지의 CLS(Cumulative Layout Shift)를 시각화해서 보여주는 도구
- 구글이 검색결과 랭킹값에도 점점 더 강조 하기 시작한 Core Web Vitals 의 CLS 점수를 체크하기 위함
- 변화를 강조 표시한 Animated GIF로 생성
- Puppeteer를 이용한 JS 오픈소스로 CLI 도구로도 실행 가능
Cumulative Layout Shift (CLS) https://news.hada.io/topic?id=1697
구글, 검색결과 순위에 페이지 경험(Page Experience) 지표 도입 https://news.hada.io/topic?id=2197