IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Performance Web Discussion :

Optimisation de chargement des images


Sujet :

Performance Web

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : Tunisie

    Informations forums :
    Inscription : Juillet 2010
    Messages : 40
    Points : 40
    Points
    40
    Par défaut 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 .

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Par défaut
    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

    Venez sur le Chat de Développez !

  3. #3
    Membre éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Points : 1 234
    Points
    1 234
    Par défaut
    200 entrées, c'est beaucoups.

    Peut-être devriez vous envisager de la pagination.
    Most Valued Pas mvp

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : Tunisie

    Informations forums :
    Inscription : Juillet 2010
    Messages : 40
    Points : 40
    Points
    40
    Par défaut
    SpaceFrog: merci pour votre aide .
    Sergejack: la pagination est une bonne idée.

    merci

  5. #5
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    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 333
    Points : 3 747
    Points
    3 747
    Par défaut
    Tu peux trouver quelques pistes dans cette discussion.
    Je ne réponds pas aux questions techniques par MP.

  6. #6
    Membre éclairé

    Profil pro
    Inscrit en
    Février 2010
    Messages
    119
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 119
    Points : 777
    Points
    777
    Par défaut
    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 ( [ame="http://www.google.fr/search?gcx=w&ix=e1&sourceid=chrome&ie=UTF-8&q=lazy+load+images"]lazy load images - Recherche Google[/ame] )

Discussions similaires

  1. Chargement des images tiff
    Par SegmentationFault dans le forum Langage
    Réponses: 4
    Dernier message: 14/01/2008, 10h28
  2. chargement des images dans une table
    Par sandy07 dans le forum Bases de données
    Réponses: 3
    Dernier message: 20/04/2007, 09h37
  3. innerHTML et chargement des images.
    Par manutudescends dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 04/10/2006, 19h10
  4. Détecter la fin du chargement des images
    Par GregPeck dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 12/02/2006, 21h18
  5. [FLASH 8] Chargement des images d'un repertoire
    Par PrinceMaster77 dans le forum Flash
    Réponses: 1
    Dernier message: 18/01/2006, 20h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo