Comment précharger une image en code JavaScript ou HTML?

Comment précharger une image en code JavaScript ou HTML?

Souvent, nous devons «précharger» une image dans le cache du navigateur pour des raisons de performances. Par exemple, nous avons un événement de survol et l'image doit être mise à jour sans délai. Ce truc de «préchargement» peut être réalisé de deux manières, soit du code JavaScript ou HTML.

Javascript

Nous pouvons «précharger» une image avec le Javascript suivant.

Nous pouvons également «précharger» quelques images avec le Javascript suivant.

HTML

Qu'en est-il de Javascript désactivé? Voici une autre sale astuce en HTML. Il suffit de charger une image et de la masquer en spécifiant la largeur et la hauteur égales à 1 :), qui s'en soucie?