css - 受信した背景画像を段階的にロードする方法は?

Question

背景として 635 KB の JPG ファイルがあり、ページが読み込まれるまで表示されません。

これは、誰かがアクセスするとすぐに、私の Web サイトの見栄えを悪くしています。

受信したとおりに段階的にロードするにはどうすればよいですか?

私のCSSは

html {
        background: url(img/1.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }