Optimisation de chargement des images

zamoud · 02/11/2011, 23h44

Bon jour à tous

Mise en situation:
Une page qui contiens plus que 200 images de taille 800*600.

Conséquence:
Le visiteur va attend de 10 à 15 secondes (selon le débit) pour visualiser toutes les images.

Question:
Est-ce que il ya une fonction HTML ou JavaScript qui permet de charger juste l'image visualiser par le visiteur ?

Merci .

SpaceFrog · 03/11/2011, 08h31

oui
fais une recherche avec image preloader ...

ou ne charge que la première image, les autres images étant chargées lors de leur appel (par modif du src...)

ou encore une combinaison des deux

Sergejack · 03/11/2011, 14h29

200 entrées, c'est beaucoups.

Peut-être devriez vous envisager de la pagination.

zamoud · 03/11/2011, 22h03

SpaceFrog: merci pour votre aide .
Sergejack: la pagination est une bonne idée.

merci

Macmillenium · 05/11/2011, 15h49

Tu peux trouver quelques pistes dans cette discussion.

jpvincent · 06/11/2011, 15h42

selon la tête de ton interface, c'est soit du preloading d'images (tu en affiches une et tu fais défiler la suivante uniquement lorsqu'elle arrive), soit du lazy-load d'image au scroll. Tu peux te faire aider par des scripts génériques (

lazy load images - Recherche Google

)

02/11/2011, 23h44	#1
zamoud Candidat au titre de Membre du Club Adel Echi Inscription : juillet 2010 Messages : 40 Détails du profil Informations personnelles : Nom : Adel Echi Localisation : Tunisie Informations forums : Inscription : juillet 2010 Messages : 40 Points : 10 Points : 10	Optimisation de chargement des images Bon jour à tous Mise en situation: Une page qui contiens plus que 200 images de taille 800*600. Conséquence: Le visiteur va attend de 10 à 15 secondes (selon le débit) pour visualiser toutes les images. Question: Est-ce que il ya une fonction HTML ou JavaScript qui permet de charger juste l'image visualiser par le visiteur ? Merci .
	00

03/11/2011, 08h31	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 32 978 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 32 978 Points : 51 739 Points : 51 739	oui fais une recherche avec image preloader ... ou ne charge que la première image, les autres images étant chargées lors de leur appel (par modif du src...) ou encore une combinaison des deux __________________ Ma page Developpez - Mon Blog Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr Humour
	10

05/11/2011, 15h49	#5
Macmillenium Rédacteur/Modérateur Développeur front-end Inscription : mars 2008 Messages : 2 330 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Développeur front-end Secteur : High Tech - Produits et services télécom et Internet Informations forums : Inscription : mars 2008 Messages : 2 330 Points : 4 240 Points : 4 240	Tu peux trouver quelques pistes dans cette discussion. __________________ Je ne réponds pas aux questions techniques par MP.
	00

06/11/2011, 15h42	#6
jpvincent Membre chevronné Inscription : février 2010 Messages : 120 Détails du profil Informations forums : Inscription : février 2010 Messages : 120 Points : 678 Points : 678	selon la tête de ton interface, c'est soit du preloading d'images (tu en affiches une et tu fais défiler la suivante uniquement lorsqu'elle arrive), soit du lazy-load d'image au scroll. Tu peux te faire aider par des scripts génériques ( lazy load images - Recherche Google lazy load images - Recherche Google )
	00

03/11/2011, 14h29	#3
Sergejack Membre émérite Inscription : juillet 2006 Messages : 1 331 Détails du profil Informations forums : Inscription : juillet 2006 Messages : 1 331 Points : 887 Points : 887	200 entrées, c'est beaucoups. Peut-être devriez vous envisager de la pagination.
	10

03/11/2011, 22h03	#4
zamoud Candidat au titre de Membre du Club Adel Echi Inscription : juillet 2010 Messages : 40 Détails du profil Informations personnelles : Nom : Adel Echi Localisation : Tunisie Informations forums : Inscription : juillet 2010 Messages : 40 Points : 10 Points : 10	SpaceFrog: merci pour votre aide . Sergejack: la pagination est une bonne idée. merci
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email