Motion начинается со сценария
Сначала нужно понять, где пользователь должен замедлиться, где получить подтверждение действия, где увидеть смену состояния. После этого выбираются анимации, а не наоборот.
Главные выводы
GSAP не виноват в плохой производительности
Чаще лаги появляются из-за тяжёлых слоёв, blur, shadow, больших изображений, лишнего repaint, сложных pinned-секций и отсутствия lifecycle для анимаций. Сам инструмент может быть быстрым, если не заставлять браузер делать лишнюю работу.
Не всё должно анимироваться всегда
На мобильных и слабых устройствах часть эффектов лучше упрощать. Premium-ощущение не обязано быть одинаковым по механике на всех экранах, оно должно быть одинаковым по качеству.
Lazy media важнее декоративной оптимизации
Видео, изображения, canvas и тяжёлые ассеты должны появляться в правильный момент. Если первый экран конкурирует с невидимыми медиа ниже страницы, сайт теряет скорость ещё до первого взаимодействия.
Как выглядит правильный motion-подход
Минимум хаотичных эффектов, clear states, аккуратные ScrollTrigger-зоны, отсутствие вечных will-change, контроль canvas/audio, проверка Safari и снижение эффекта там, где он мешает стабильности.