SEO/속도(코어 웹 바이탈) 안 망가뜨리는 운영 규칙

Google은 페이지 경험 지표(Core Web Vitals: 로딩/반응성/안정성)를 강하게 권장해.


첫 임팩트용 효과를 넣을 때는 이 6가지만 지키면 안전하다:

  1. 히어로 이미지는 1장만(가급적 AVIF/WebP) + width/height 지정(레이아웃 흔들림 방지)
  2. 영상 자동재생 금지(특히 모바일 데이터/UX 이슈)
  3. 스크롤 애니메이션은 IntersectionObserver로 “등장 1회”만 (스크롤마다 계산 X)
  4. 애니메이션은 transform/opacity만 (top/left/height 변경 X)
  5. 모바일에서는 패럴럭스 OFF (또는 강도 20% 이하)
  6. prefers-reduced-motion 대응(모션 민감 유저 보호)

해쉬태그

  1. #seo
  2. #웹디자인
  3. #트랜드
목록으로

댓글(1)

  1. Georgelof (익명) 2026-01-29 18:48:31
    관리자의 승인을 기다리고 있는 댓글 입니다.
    답변