私はこの方法を使用しました:CSSThrowdown-JavaScriptなしで画像をプリロードするJeffStarr- http://perishablepress.com/press/2007/07/22/css-throwdown-preload-images-without-javascript/
Webブラウザーで表示すると正常に動作しますが、モバイルでは効果がないようです。.pngアイコンの読み込みに時間がかかりすぎます。
私はこの方法を使用しました:CSSThrowdown-JavaScriptなしで画像をプリロードするJeffStarr- http://perishablepress.com/press/2007/07/22/css-throwdown-preload-images-without-javascript/
Webブラウザーで表示すると正常に動作しますが、モバイルでは効果がないようです。.pngアイコンの読み込みに時間がかかりすぎます。
プリロードによってすべてが魔法のように速くなるわけではありません。データが必要になる前にリクエストが発行されることがあることを意味します。プリロードはまったく行われていますか?モバイル接続が良くないため、おそらく物事が遅いだけです.
画像をプリロードするこの方法は、モバイル ブラウザでうまく動作するように見えます。モバイル ブラウザが画像をフェッチしないことで「最適化」されているとは思えません。
モバイルブラウザがjavascriptをサポートしていない(またはjavascriptを十分にサポートしていない)場合、その方法でのプリロードは機能しない可能性があります。
また、JavaScriptを使用したプリロードが、サーバーでトランスコーディングまたはプリレンダリングを使用するブラウザーまたはプロキシで機能することも不愉快だと思います。
ホームページ(または各ページ)に画像を含めることでしたが、1px x 1pxのサイズ(おそらく0x0を試すこともできます)であるプリロードへの古い学校(90年代)のアプローチを試しましたか?これは、ユーザーが必要以上のコンテンツをダウンロードするためにお金を払っていることを意味している可能性があります。これは考慮すべき問題です。
最初に行うことは、画像が本当に必要であることを確認することです。できるだけ小さくします(物理サイズと画像エンコーディングの圧縮)。[gzip]HTTP経由で送信されるファイルを圧縮します。また、ユーザー/クライアントブラウザが画像を正しくキャッシュできるようにするためにできることはすべて実行していることを確認してください。