0

データ URI を使用して画像を 1 ページ読み込みscript、HTML の最後に配置しています。image に通常の url を使用する場合とは異なりsrc、データは html ページの HTTP リクエストで直接読み込まれます。

したがって、scriptこの方法で何百もの画像データが読み込まれるため、ページの最後で非常に遅く読み込まれます。

スクリプトを imate の読み込みより前に、または非同期で読み込みたいのですが、画像の読み込みを遅らせる方法はありますdataか?

<div>
  <img src="data:image/png; base64, .........." alt="">
  <img src="data:image/png; base64, .........." alt="">
  <img src="data:image/png; base64, .........." alt="">
</div>
<script type="text/javascript" src="my-script.js"></script>
4

1 に答える 1

0

この答えはかなり簡単です。ページの読み込みと同期して画像を読み込みたくない場合は、インライン画像データ URI を使用しないでください。Web ページをコーディングした動作が得られます。

リモート イメージ URL (非データ URI) は非同期的に読み込まれ、読み込み中にスクリプトを実行できます。

または、すべてのデータ URI をページ内の大きな文字列配列に配置し、他の JavaScript を実行した後で、JavaScript を使用してデータ URI から画像オブジェクトを作成することもできます。

于 2011-11-11T17:56:08.197 に答える