Сообщение от voraa
|
Ну и еще зависит от того, что именно вы делаете в requestAnimationFrame.
Туда тоже можно напихать тяжелых операций, занимающих кучу времени, чего делать не стоит.
|
|
Сообщение от voraa
|
Если говорить про "тяжелые" операции, то они как раз в /*code*/
Если вы делаете только
elem1.style.transform = ...
elem2.style.transform = ....
....
То по идее никаких задержек быть не должно
Но если там еще всякие getComputedStyle, getBoundingClientRect, да даже всякие обращения к offsetWidth, offsetLeft и прочие запросы размеров элементов, изменения в DOM. то это может вызвать торможения. Это тяжелые операции.
Загрузка через нативный <img loading="lazy" >?
Ну и попытаться понять, что вызывает задержку можно с помощью средств разработчика браузера.
|
loading="lazy" присутствует. Никаких тяжёлых операций в цикле анимации нет.
Просмотрел работу сайта через performance, там показало что чрезмерное время выполнения тасков вызывает "Composite Layers", а на js нет никаких нареканий.
Не знаете с чем может быть связана проблема длительного выполнения "Composite Layers" ?