Как загрузить картинку перед загрузкой DOM?

Question

[Worddoc]

В шапке сайта висит большая картинка. Выглядит очень некрасиво, когда она подгружается. Как можно загрузить ее перед тем, как прогрузится DOM?

Answer 1

[Евгений]

Как вариант - прописать в бекграунд превью картинки, и пока грузится основная, посетитель будет видеть размытый фон.

Answer 2

[hufawoso]

Можно сделать на ее месте легковестный прелоадер. А когда картинка подгрузится, убираем этот прелоадер.

Answer 3

[Назар Мокринский]

Preload HTTP заголовок, ну и картинку сделать прогрессивной если растр, будет приятнее прогружаться

Answer 4

[Виталий]

css-tricks метод по загрузки тяжелого фона