ウェブページにイメージをプリエンプティブに読み込む際の一般的な合意は何ですか？

Question

私はしばらくこれを疑問に思っていました。私は現在、非常にイメージ指向のウェブサイトを構築しています。人々は画像をプリロードすると思いますか？どうやってやっているの？ （Javascriptと表示：none css？）。

ユーザーとして、あなたはそれについてどう思いますか？ウェブサイトを使用している間に得られたスピードは、読み込むのを待つ余分な時間を正当化しますか？

プログラマの立場から、より良い方法は何ですか？

Answer 1

実際にプレロードする必要がある場合（例：ロールオーバー画像の場合）は、間違いなくCSSを使用してください。 JavaScriptはブロックすることができ、それに頼ることはできません。

Answer 2

よりもむしろ複数の画像をプリロード、私はあなたがCSSスプライト使用をお勧めします： http://css-tricks.com/css-sprites/

あなたは、単一の画像に複数の画像を統合（と正しい部分を選択するためのbackground-positionを使用）技術でありますWebサーバーに対するHTTP要求の数を減らし、ページ全体の読み込み時間を短縮します。