Javascript-форум - style.opacity срабатывает крайне медленно

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - style.opacity срабатывает крайне медленно (https://javascript.ru/forum/dom-window/68730-style-opacity-srabatyvaet-krajjne-medlenno.html)

style.opacity срабатывает крайне медленно

html:

<img id="preloader" src="/img/2.svg">

css:

Код:

#preloader {

opacity: 0;

transition: none;

}

javascript:

document.getElementById('preloader').style.opacity=1;

При исполнении скрипта картинка становится видимой с задержкой в секунду, а иногда и в полторы-две.
Для проверки переписал javascript:

document.getElementById('preloader').style.opacity=1;
alert('оПа');

При этом 'оПа' появляется мгновенно, а картинка по прежнему задерживается. Пробовал так же вместо opacity применять display:none - display:block и получил тот же результат.

В чём может быть причина?

vava,
может это картинка грузится?

Для эксперимента загрузил страницу в браузер, остановил сервер (он на локальной машине) и вызвал скрипт, меняющий прозрачность картинки. Реакция была такая же, как и при работающем сервере - картинка отобразилась, но с 1.5-секундной задержкой. Выходит, что картинка грузится вместе со страницей.
Кроме того, могу сказать, что если в Инструментах разработчика (в Хроме) вручную переключать opacity, то картинка появляется и исчезает моментально.