Задать вопрос
@TitNIk

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

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

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

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

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

Похожие вопросы