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

[vava]

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,
может это картинка грузится?

[vava]

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