Bonjour,

Je développe un site e-com et je ne trouve pas de solution efficace de pré-chargement des différentes images du site Web notamment celles des articles (vignettes et zoom produit etc...).

J'ai testé plusieurs solutions à savoir :

Code dans le <head> qui utilise un Array pour précharger :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
tab_img[i]=new Image();					  	tab_img[i].src="/chemin/de/mon/image.jpg";
Bilan : Les vignettes se chargent rapidement mais pas instantanément.

Après le body :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<img src="chemin/de/mon/image.jpg" style="display:none" />
Bilan : Efficace pour des images de survol ou autre image non affichée immédiatement sur la page, ce n'est pas ma recherche...

J'ai testé ces différentes techniques sinon:
http://www.toulouse-renaissance.net/...ent-images.htm

Peu efficaces....

Au final j'aimerai que la page pré-charge un maximum d'image et pourquoi pas faire en sorte qu'une petite boite flottante affiche "Chargement des images..." pour l'internaute, quitte à le faire patientez qlq secondes mais que la page s'affiche proprement d'un seul coup.

La charte graphique du site étant assez complexe dans le sens où beaucoup d'image structurent le site. Bien que la bande passante du serveur soit correcte, le site ne se charge pas très proprement (progressivement en qlq secondes) au premier chargement de l'une des pages.

Dsl je tape le post un peu vite, est-ce clair ?

J'attends vos idées pour optimiser le chargement des images du site.

Merci