Вечер добрый. Может кто подскажет, как лучше всего оптимизировать анимацию на сайте? Имеется довольно много эффектов с transition, посему на сайте иногда бывают лаги... С помощью чего можно отследить проблемные места? Может есть какие-либо рекомендации по данной теме?
Касательно лагов. Иногда, при прокрутке бывает лаг, что страница не успевает рендериться... похоже на некий сдвиг, не знаю как точнее объяснить. С подобным встречаюсь впервые.
P.S Проблему решил. Прочекал через гугл дев тулс, анимация пересекалась с другими элементами, посему перерисовывалась почти вся страница. Проблему решил с помощью выноса элемента на отдельный слой с помощью хака translateZ(0) и overflow hidden для нескольких элементов, теперь все четко )
Простой
Простой
