Почем css анимация ждёт окончания выполнения js?

Question

[Артём Щурин]

Всем, привет!
Решил поставить лоадер на css при первичной инициализации приложения, ибо возможно моменты, что в ie9 оно будет инициализироваться по 10 секунд.
Вставляю див по центру, стили для него подгрузились, но вот анимайция по не идёт до тех пор пока js весь не выполнится.

Подскажите, как связан поток выполнения js-кода с css-анимациями

Answer 1

[Андрей Б.]

Подозреваю что у вас задерживается рендеринг страницы. Попробуйте перенести скрипты в конец документа.
Без кода сложно что-то сказать.
UPD: Может это поможет frontender.info/script-loading

Comments

[Артём Щурин]

я лоадер из js вставляю в дом, плюс у меня все скрипты подключены с помощью require.js

Answer 2

[Mikhail Osher]

Возможно такой "хак" поможет, чтобы анимация в блоке выполнялась отдельным потоком в GPU.

.someBlock {
  transform: translateZ(0);
}

// UPD

Так же, обязательно надо держать все скрипты перед закрывающим тэгом body.

Comments

[Артём Щурин]

спасибо, не помогло((

[Артём Щурин]

gif-анимация тоже останавливается на время выполнения скрипта, про точ то скрипты до закрытия body это я в курсе