jQueryを使った超簡単な画像のプリロード - ノウハウブログ - カンタローCGI

ぷりろーど？ 一昔前までは、JavaScriptでプリロードと言えば、それ専用のスクリプトが配布されたり活発に議論されたりするくらい、動きのあるホームページのクォリティを上げるためのテーマの一つでした。 プリロードが書けるか否かでプログラマーとしての質が問われたり問われなかったりしたものです。 ・・はい、若干大げさですね。 カンタンに説明すると、画像を複数枚切り替えてアニメーションするようなJavaScriptを書く場合、画像オブジェクトが表舞台に出てきた時に始めて画像読み込みが始まるために一瞬デッドリンクっぽくなる現象を回避するため、裏で事前に画像をメモリ上に読み込んでおくことをプリロード（＝事前読み込み）といいます。 ローカルマシンで開発してる時は読み込みスピードが速いので気づきにくいのですが、本番サーバにアップロードすると外の回線を通るため画像ロードに時間がかかりそこで始めて気づくた

[kzwtsyk]

画像先読みプリロード

[knakamura1977]

めっちゃ簡単。