Анимации и их оптимизация в корпоративных проектах

Анимации на сайте позволяют управлять вниманием пользователя, делают просмотр более приятным, а информацию более запоминающейся. Для SPA анимация является еще более важным элементом, позволяющим сгладить рендер страницы и имитировать поведение нативного приложения.

Несмотря на удешевление производительности устройств, анимации все еще остаются достаточно «тяжелой» историей для браузера, и приходится прикладывать немало усилий для плавности анимации и высокого FPS.

На примере анимаций с реальных проектов рассмотрим состояние топ 10 универсальных библиотек для создания анимаций, обсудим плюсы и минусы их использования, разберёмся, когда удобнее использовать конкретную библиотеку и обсудим некоторые нюансы их использования. В конце рассмотрим частые случаи проблем с производительностью и варианты их решения.