非表示の埋め込みタグ/インクルード、css スタイル、javascript を使用して画像 (および css ファイル) をプリロードする方法を認識していますが、これらはすべて、これらのファイルのそれぞれを新しいものごとにロードするために追加のタグまたは css ルールを埋め込む必要があることに依存しています。 image 別のプリロード ルールを追加することを忘れないでください。
私が探していて、どこにも見つからないように見えるのは、CSS ファイルを (JS を使用して) スキャンして、css ファイル内のすべての url(...) を識別し、これらの画像をプリロードできるようにする方法です。これは、別の背景画像をスタイルに追加すると、何もしなくてもその画像が検出され、プリロードされることがわかっていることを意味します。
基本的に、次の 2 つの機能が必要です。
Preloader.loadCss(filePath, preloadImages);
Preloader.loadAllImagesInCssFiles();
最初の関数は css ファイルをプリロードし、必要に応じてすべての画像をスキャンしてプリロードします。2 番目の関数は、ページ内に含まれるすべての CSS ファイルをスキャンし、これらのスタイル シートで使用される画像を読み込みます。
どうすればこれを達成できるか、または既存の解決策を知っているかについて、誰かがアイデアを持っていることを願っています。