Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 6 sur 6
  1. #1
    Candidat au titre de Membre du Club
    Profil pro Adel Echi
    Inscrit en
    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

    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 - Analyste Programmeur
    Inscrit en
    mars 2002
    Messages
    35 177
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 64
    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 : 35 177
    Points : 59 523
    Points
    59 523
    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


    réalisations :www.oxygen-translations.com|www.saftair.com| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  3. #3
    Membre Expert

    Inscrit en
    juillet 2006
    Messages
    1 421
    Détails du profil
    Informations forums :
    Inscription : juillet 2006
    Messages : 1 421
    Points : 1 086
    Points
    1 086

    Par défaut

    200 entrées, c'est beaucoups.

    Peut-être devriez vous envisager de la pagination.

  4. #4
    Candidat au titre de Membre du Club
    Profil pro Adel Echi
    Inscrit en
    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

    Par défaut

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

    merci

  5. #5
    Rédacteur/Modérateur
    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 : 29
    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 909
    Points
    3 909

    Par défaut

    Tu peux trouver quelques pistes dans cette discussion.
    Je ne réponds pas aux questions techniques par MP.

  6. #6
    Membre chevronné

    Inscrit en
    février 2010
    Messages
    120
    Détails du profil
    Informations forums :
    Inscription : février 2010
    Messages : 120
    Points : 760
    Points
    760

    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] )

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •