@TitNIk

Как лучше оптимизировать анимацию на сайте?

Вечер добрый. Может кто подскажет, как лучше всего оптимизировать анимацию на сайте? Имеется довольно много эффектов с transition, посему на сайте иногда бывают лаги... С помощью чего можно отследить проблемные места? Может есть какие-либо рекомендации по данной теме?

Касательно лагов. Иногда, при прокрутке бывает лаг, что страница не успевает рендериться... похоже на некий сдвиг, не знаю как точнее объяснить. С подобным встречаюсь впервые.

P.S Проблему решил. Прочекал через гугл дев тулс, анимация пересекалась с другими элементами, посему перерисовывалась почти вся страница. Проблему решил с помощью выноса элемента на отдельный слой с помощью хака translateZ(0) и overflow hidden для нескольких элементов, теперь все четко )
  • Вопрос задан
  • 139 просмотров
Решения вопроса 1
@Froggyweb
Смотреть в сторону reflow и repaint https://developers.google.com/web/fundamentals/per...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы