Загрузка SVG с помощью IMG и вызов его с помощью XHR для использования в строке

#javascript #html #svg #dom

#javascript #HTML #svg #dom

Вопрос:

Если мы загрузим SVG файл внутри IMG тега и запросим тот же файл с XHR событием after « onload «. Приводит ли это к повторному запросу одного и того же файла?

Или файл поступает с диска или из кэша памяти? Или он отправляет запрос с сервера и возвращает с 304 status code помощью?

Итак, я протестировал его, но есть различия между « localhost:: » и обычным сервером. Более того, похоже, есть различия и между браузерами.

В некоторых случаях Mozilla, похоже, имеет гораздо лучшую политику кэширования.

Интересная часть заключается в том, что я запрашиваю тот же файл с XHR помощью события after « onload » и заменяю IMG тег на the SVG element , чтобы я мог воспользоваться встроенными SVG функциями.

Однако ожидание загрузки (IMG) в порядке, но я не могу терпеть 2-е время загрузки. Как вы думаете, насколько стабильна эта технология? Я имею в виду, я не мог провести качественный тест. Как вы думаете, файл будет введен непосредственно из кэша через несколько мс?

Комментарии:

1. Зачем вообще загружать его с тегом IMG, если вы все равно собираетесь его заменить?

2. @AKX Таким образом, вы можете убедиться, что файл кэшируется на стороне клиента. Кэш очень важен в большом наборе <SYMBOL> .

3. Более чистый способ добиться этого — использовать a <link rel="preload"> .