Framer Motion ухудшает скорость сайта?

Не по умолчанию. Держите эффекты легкими, анимируйте transform и opacity и избегайте тяжелых layout-анимаций на больших списках. При аккуратной настройке влияние на производительность обычно минимально.

Какая длительность анимации лучше для CTA-кнопок?

Практичный диапазон для hover/tap — 160-220ms. Так интерфейс ощущается быстрым и при этом остается стабильным для конверсионных сценариев.

Как поддержать prefers-reduced-motion?

Используйте reduced-motion поддержку Framer Motion и подготовьте спокойный fallback с минимумом движения. Смена состояния должна оставаться понятной даже без анимации.

Можно ли использовать whileInView и whileHover вместе?

Да. Частый паттерн: whileInView для появления, whileHover для обратной связи при взаимодействии. Важно держать значения небольшими, чтобы эффекты не конфликтовали.

Какие метрики отслеживать после добавления микровзаимодействий?

Отслеживайте CTR по CTA, завершение форм, dwell time и bounce rate на ключевых страницах. Сравнивайте до/после в сопоставимый период трафика, чтобы выводы были корректными.

Когда микровзаимодействия снижают конверсию?

Когда эффекты слишком медленные, отвлекающие или непоследовательные между компонентами. Если пользователь ждет или заново расшифровывает состояние UI, растет трение и падает конверсия.