Link preload SVG

Bonjour,


Je voudrais preload un svg loader (quand la page est en chargement) en faisant un link preload afin que quand la page charge, on voit en premier le loader (car actuellement on voit une micro seconde une image avant le loader du coup ça fait bizarre) mais je ne vois pas comment faire. Je me dis peut être en appelant l'id du loader ?

Voici mon loader directement dans mon fichier template.php :

Code:

---

<div id="loader" class="show fullscreen col-12"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#096BDC"/></svg></div>

---

Quand je vais dans le network du navigateur, le chemin de mon svg est : data:image/svh+xml:base64 mais du coup je sais pas quoi mettre dans le href du link preload.


Merci d'avance pour vos réponses.