HTTPプロトコルのブラウザの制限により、画像のプリフェッチが遅くなる可能性があることは誰もが知っていますよね？したがって、XHTML、jQuery、Apache httpd、およびPHPを自由に使用できます。スプライトや複数のホストを使用せずに、多くの画像をプリフェッチする簡単なソリューションは何ですか？
ほら、私はこれらのテーマをSELECTボックスで選択しています。ボックスの右側にある200x200のテーマ画像を変更します。残念ながら、これらは150個ほどあります。したがって、ページをロードすると、プログレスバーが実行され続け、これらすべてをダウンロードします。
スプライトや複数のホストを使用せずに、これらの画像をより速くプリフェッチするにはどうすればよいですか？
テーマの変更だけであれば、おそらくめったに起こりません (右)。select次に、テーマが変更されて新しいテーマが選択されたときに、テーマの画像をロードしないのはなぜですか? 149 枚の画像が表示されない可能性がある 150 枚の画像をロードするのは「奇妙」に思えます。
ポイントを逃している場合は訂正してください。もしそうなら、スクリーンショットを提供して、あなたが実際に何を見せようとしているのかを知ることができますか?
後知恵はおそらく20/20です。サイトで使用した多くのボタンと同様に、おそらくスプライトで実装する必要がありました。そのプロセスを高速化する優れたスプライト エディター ツールが不足しているだけです。
とにかく、私が行った戦略は、jQuery 経由で Javascript プリフェッチを使用することでした。しかし、それでも十分ではありませんでした。その関数を setTimeout() でラップする必要がありましたが、それは少しだけ役に立ちました。次に、ログインフォームの送信中に setTimeout() を起動する必要がありました。ログインフォームの送信が少し長くなりましたが、ウェブサイトは読み込み時にきびきびと表示されました.