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