У меня есть веб-приложение, которое выполняет несколько вызовов API для внутреннего сервера, некоторые из которых могут занять несколько секунд для извлечения данных.К сожалению, созданный мной файл SVG (7,5 КБ для нескольких SVG) застревает в очереди позади этих других API и значков гораздо дольше, чтобы показать, что мне бы хотелось.
Я смотрю на консоль разработчика Chrome ивидно, что подавляющее большинство времени загрузки связано с ожиданием в очереди.
Я загружаю свои SVG-файлы в формате HTML следующим образом:
<svg viewBox="0 0 58 58">
<use xlink:href="/static/logos/my-icons.svg#filter"></use>
</svg>
У меня около 30 ссылок такого типа, но консоль показывает, что файл загружается только один раз.
Как я могу убедиться, что они загружаются, как только остальная часть HTML делает?
РЕДАКТИРОВАТЬ
Разъяснение, основанное на комментарии @ Kaiido -<script> метод загрузил файл почти мгновенно (спасибо), но затем файл был загружен во второй раз (и все еще ждал), чтобы фактически показать SVG.Поэтому на самом деле я ищу способ загрузить SVG сразу же после загрузки файла SVG - желательно раньше всего.