JS грузится раньше чем применяется CSS, как быть?

Question

[Айдар Хаятов]

Добрый день! Столкнулся со след. проблемой. JS загружается раньше чем CSS применит свой свойства.

Делаю прелоадер. В JS когда загрузятся все картинки. я накидываю класс с transition на объект. Далее вешается событие transitionend. Когда графики мало - и она закешировалась - все грузится быстро, и css еще не успел применить css свойство - то это событие никогда не сработает.

Данный баг происходит только если страница грузится супер быстро, если я добавляю какую то тяжелую картинку - то пока она грузится css уже рендерится и все ок дальше отрабатывает :(

Answer 1

[Игорь]

Используйте событие load.
window.addEventListener('load', handlerFunction)

Answer 2

[historydev]

Погуглите что такое рендеринг страниц браузером - следом переходите к очереди загрузки ресурсов. Без кода больше информации дать не смогу.

Comments

[Айдар Хаятов]

Причем это происходит только в сафари) Изучу про очередь загрузки - спасибо

[Степан Крапивин]

Айдар Хаятов, а ещё, можно тупо отделить стили для анимации прелоадов в отдельный файл и подключи первым. Эти стили загрузятся быстрее и применится раньше.

[Айдар Хаятов]

Спасибо