Layout Shift GIF Generator

- 모바일/데스크탑 웹페이지의 CLS(Cumulative Layout Shift)를 시각화해서 보여주는 도구
- 구글이 검색결과 랭킹값에도 점점 더 강조 하기 시작한 Core Web Vitals 의 CLS 점수를 체크하기 위함
- 변화를 강조 표시한 Animated GIF로 생성
- Puppeteer를 이용한 JS 오픈소스로 CLI 도구로도 실행 가능

[xguru]

Cumulative Layout Shift (CLS) Cumulative Layout Shift (CLS)

구글, 검색결과 순위에 페이지 경험(Page Experience) 지표 도입 구글, 검색결과 순위에 페이지 경험(Page Experience) 지표 도입