préchargement Images avec javascript

Question

Voici mon script de pré-charge:

<script type="text/javascript"> 
Image_1 = new Image(1,1); 
Image_1.src = "images/sprites.png"; 
</script> 

Et cela fonctionne très bien. Je peux voir dans les en-têtes le chargement de l'image.

Voici ma question. Même si j'ai préchargé sprites.png, je remarque que lorsque je vais sur une page de mon site qui affiche simplement toute cette image, les en-têtes me disent que mon navigateur demande au serveur d'envoyer à nouveau l'image. J'espère ne pas paraître trop naïf. Mais, pourquoi le navigateur demanderait-il l'image quand je l'ai préchargé plus tôt? Y a-t-il d'autres raisons pour lesquelles le navigateur aurait besoin de re-demander?

Aussi, j'ai mis les dimensions comme image (1,1). Parfois, je ne connais pas les dimensions, car cette image est mise à jour de temps en temps. Peut-être que c'est une raison?

Answer 1

Vous devez envoyer un en-tête Expires avec l'image du serveur pour activer la mise en cache dans le navigateur.

par exemple. Apache (en .htaccess)

permettent expires:

ExpiresActive On 

par date:

ExpiresDefault "access plus 30 days" 

ou par filetype:

ExpiresByType image/gif "modification plus 5 hours 3 minutes"