Core Web Vitals · 온라인 집중
CLS 실측·추적 워크숍
광고 슬롯, 지연 로딩 이미지, 가변 폰트까지 실제 사례를 기반으로 합니다. 측정 지표를 제품 팀이 이해하는 언어로 번역하는 연습을 반복합니다.
모듈 구성
- Layout Instability API 래핑 유틸
- 광고 iframe CLS 격리 전략
- Storybook 시각적 회귀와의 연계
- 세션 리플레이 툴 비교 매트릭스
- 대시보드용 집계 SQL 예시
- 실패 사례 토론 세션
수료 후 행동
- CLS 이벤트를 제품 기능 단위로 분해해 설명한다
- 광고·추천 모듈 변경 시 회귀 테스트 시나리오를 만든다
- 대시보드에 필요한 최소 샘플링 정책을 제안한다
질문
코호트 메모
“CLS 실측 로그를 PM 설명용 한 장으로 줄이는 템플릿이 유용했습니다. 다만 SQL 예시는 우리 웨어하우스에 맞게 다시 짜야 했습니다.”