Задать вопрос
@sergealmazov
html

В чем причина торможения CSS-анимаций?

Тормозит анимация на left. Конкретно есть transition на left. Срабатывает событие, меняется left. Объект движется, но прерывисто. Если немного подождать (данные через ajax некоторые приходят тяжелые) - то все ок.

Интересен стал вопрос. В чем причина торможения CSS-анимаций?
  • Вопрос задан
  • 212 просмотров
2 комментария
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
eholin
@eholin
Web-developer (frontend + backend)
1. Вместо смещения объекта с абсолютным позиционированием с помощью изменения, скажем, left: 0 на left: 50px лучше использовать transform: translateX(-50px) - это решение менее затратно по ресурсам.
2. Если браузер параллельно обрабатывает ajax-запрос, то ресурсы могут уходить и на него. Попробуйте использовать синхронный ajax вместо асинхронного.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Кастомизация стандартного функционала Битрикс24
25 апр. 2024, в 11:33
7000 руб./за проект
Обновить C# приложения с net4 до net8. Платформа для трейдинга
25 апр. 2024, в 11:33
2500000 руб./за проект
Монтаж ролика для инстаграм
25 апр. 2024, в 11:26
500 руб./за проект
Ещё заказы