Google은 페이지 경험 지표(Core Web Vitals: 로딩/반응성/안정성)를 강하게 권장해.
첫 임팩트용 효과를 넣을 때는 이 6가지만 지키면 안전하다:
- 히어로 이미지는 1장만(가급적 AVIF/WebP) + width/height 지정(레이아웃 흔들림 방지)
- 영상 자동재생 금지(특히 모바일 데이터/UX 이슈)
- 스크롤 애니메이션은 IntersectionObserver로 “등장 1회”만 (스크롤마다 계산 X)
- 애니메이션은 transform/opacity만 (top/left/height 변경 X)
- 모바일에서는 패럴럭스 OFF (또는 강도 20% 이하)
- prefers-reduced-motion 대응(모션 민감 유저 보호)


댓글(1)