[Optimisation] Préload des assets

[Argorate]

Bonjour,

j'aimerais savoir selon vous quel est la meilleur manière de procéder pour les préload de vos assets?
Prenons l'exemple d'une image:

la méthode classique:

Code :

img = new Image();
img.onload = function(){
   $('body').append('<img id="img_1" src="/assets/toto.png" />);
}
img.src = '/assets/toto.png';

ou es-ce qu'il vaut mieux garder la reference JS de l'image preload pour directement la réutiliser ensuite:

Code :

window.myImg[1] = new Image();
myImg[1].id = "img_1";
myImg[1].onload = function(){
   $('body').append(myImg[1]);
}
myImg[1].src = '/assets/toto.png';

Es-ce plus optimisé ainsi? Apriori ça évite qu'il aille rechercher la même ressource en créant une nouvelle balise img (meme si elle est en cache) non?


Derniers point: y a t-il moyen de savoir si le cache à échoué pour faute de place par exemple? Afin de prévenir l'utilisateur que le cache est plein et d'alluer plus d'espace sous peine de créer des bugs si des assets ne sont pas préload une fois en jeu.