No description
Chrome DevTools의 레이아웃 변경 원인 분석 결과 애니메이션 × 3이 CLS 0.17의 주요 원인으로 지목됨. translateY 애니메이션을 레이아웃 변경으로 카운트하는 케이스가 있음. - StaggerGroup: y:30 → scale:0.97 로 변경. scale/opacity는 compositor-only 속성이라 layout/paint 없이 GPU만 사용 - BossCrystal 루트 애니메이션도 동일하게 scale 기반으로 변경 - 자식 motion.div에 will-change: transform, opacity 명시적 추가 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| backend | ||
| frontend | ||
| images | ||
| .env | ||
| .gitignore | ||
| docker-compose.yml | ||