Animacje i INP — jak nie zabić interaktywności na mobile

Framer Motion, nasłuchiwacze i długie zadania na głównym wątku: praktyczne podejście dla stron marketingowych.

INP nagradza szybką reakcję UI. Ciężkie animacje i synchronne przeliczenia layoutu na każdym ruchu palca potrafią obniżyć wynik.

Co robić

  • Ogranicz globalne animacje na mobile.
  • Używaj prefers-reduced-motion.
  • Dziel bundla: lazy load sekcji poniżej folda.