У меня есть несколько изображений на моем веб-сайте, которые я хочу предварительно загрузить, однако я не хочу использовать rel = preload в теге ссылки в заголовке, потому что это замедляет работу сайта. Эти изображения необходимы на другой странице и Я хочу, чтобы они были загружены до того, как пользователь щелкнет страницу.
Так можно ли установить ссылку rel = код предварительной загрузки после js и jquery и поместить ее в самый конец индексного файла перед тегом close body? Это позволит мне предварительно загрузить необходимые изображения (при условии, что они сначала загружают индекс) без замедления страницы индекса.
Так что-то вроде этого:
<script> load js stuff </script>
<link rel-"preload" as "image" href="something here" >
<link rel-"preload" as "image" href="something here" >
<link rel-"preload" as "image" href="something here" >
<!-- about 10 files to preload -->
</body>
</html>
ОБНОВЛЕНИЕ: хорошо, я обнаружил, что вы не можете поместить его прямо перед тегом закрытия тела, потому что тогда вы получите это предупреждение
Ресурс https://example.com/images/image.png был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна. Пожалуйста, убедитесь, что оно имеет соответствующее значение as и оно преднамеренно предварительно загружено.
И даже размещение его перед нагрузками js и jquery не предотвращает предупреждение. Так что я думаю, это невозможно без предупреждений, даже помещая это в шапку, я получаю предупреждения с помощью Google chrome.