Как отложить загрузку изображения с данными URI?

Question

Я использую данные URI для загрузки изображений на одну страницу, и я ставлю script в конце моего HTML.В отличие от использования обычного URL для изображения src, данные будут напрямую загружены в запрос HTTP для html-страницы.

Таким образом, 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>

Answer 1

Этот ответ довольно прост.Если вы не хотите, чтобы изображения загружались синхронно с загрузкой страницы, не используйте встроенные URI данных изображения.Вы получаете поведение, для которого вы кодировали свою веб-страницу.

Удаленные URL-адреса изображений (не-URI-адреса данных) загружаются асинхронно, и вы можете запускать сценарии во время их загрузки.

Или вымог бы поместить все URI данных в большой строковый массив на вашей странице, а затем использовать javascript для создания объектов изображения из URI данных после того, как вы выполнили свой другой javascript.