Chargement d'une image avec display none ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par mic54800, 16 Août 2008.

  1. mic54800
    mic54800 WRInaute discret
    Inscrit:
    20 Juillet 2008
    Messages:
    61
    J'aime reçus:
    0
    Bonjour !
    Je cré un site où le proprio pourra mettre des articles sur ses produits en vente dans son magasin (quad, scooter, ...)
    Les images sont assez longues à charger, ça fait donc peur :?

    Je me demande si, en mettant toutes les images en display:none à la fin de chaques pages, ça pourrait aider à en charger une partie ?
    (C'est en fin de page pour charger le contenu de la page avant les images, bien évidement.)

    En fait, quand le visiteur est sur la page d'accueil, le temps qu'il lise quelques petites choses, les images commencent déjà à charger avant même qu'il les regarde.
    Est-ce que ça pourrait marcher ?
    Est-ce que ça charge vraiment les images ?

    Merci de vos réponses !
     
  2. YoyoS
    YoyoS WRInaute accro
    Inscrit:
    14 Septembre 2006
    Messages:
    3 226
    J'aime reçus:
    0
    T'as pas pensé à essayer avant de demander ? :roll:
     
  3. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    12 018
    J'aime reçus:
    133
    Et compresser les images (où les redimensionner dans des dimensions plus petites, ce qui va donc en alléger le poids physique), ca serait pas plus simple ? (tu peux même prévoir des agrandissements si l'utilisateur clique sur ces images si c'est le niveau de détail qui te gène).
     
  4. mic54800
    mic54800 WRInaute discret
    Inscrit:
    20 Juillet 2008
    Messages:
    61
    J'aime reçus:
    0
    J'ai bien essayé mais je voulais simplement demander si ça marchait vraiment !
    Donc je suppose que oui !

    Ensuite, pour redimensionner les images, le futur proprio du site mettra son appareil photo à la résolution la plus petite afin que les images ne soit pas trop grosses.
    Personnelement, je ne me vois pas aller lui redimensionner toutes ses images une par une (sachant qu'un article peut en contenir 10) et le (ou les) proprio n'ont pas non plus que ça a faire.

    Donc je vais laisser le chargement sur chaques pages et ils mettront l'appareil photo en petite résolution.
    Merci de vos réponses .. !
     
  5. jeroen
    jeroen WRInaute passionné
    Inscrit:
    30 Août 2002
    Messages:
    2 131
    J'aime reçus:
    0
  6. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    12 018
    J'aime reçus:
    133
    Comme te le signale jeroen, tu peux automatiser ce redimensionnement, ce qui t'éviterais de passer par des solutions hasardeuses et peu probantes.
     
  7. Leonick
    Leonick WRInaute accro
    Inscrit:
    8 Août 2004
    Messages:
    19 274
    J'aime reçus:
    0
    donc je crée implique je redimensionne en php, c'est tout. C'est le site qui doit s'adapter, pas l'utilisateur
     
Chargement...
Similar Threads - Chargement image display Forum Date
images en responsive, balises et rapidité de chargement Développement d'un site Web ou d'une appli mobile 20 Décembre 2021
Comment accélérer chargement d'une image ? Développement d'un site Web ou d'une appli mobile 4 Septembre 2021
Temps de chargement - Une image full width peut-elle peser moins de 100ko ? Développement d'un site Web ou d'une appli mobile 1 Juin 2021
Search Console Problèmes chargements images Crawl et indexation Google, sitemaps 3 Septembre 2020
Images responsive design et optimisation du chargement Référencement Google 21 Janvier 2016
wordspress chargement des images Développement d'un site Web ou d'une appli mobile 16 Mars 2013
Optimisation du temps de chargement des images Administration d'un site Web 26 Août 2011
Question concernant le téléchargement de fichiers image Développement d'un site Web ou d'une appli mobile 16 Mars 2008
[script] Préchargement d'image et AJAX Développement d'un site Web ou d'une appli mobile 22 Août 2007
délai de chargement d'une image Développement d'un site Web ou d'une appli mobile 12 Octobre 2006
image de chargement (loading) Développement d'un site Web ou d'une appli mobile 16 Septembre 2006
Préchargement d'images Développement d'un site Web ou d'une appli mobile 24 Septembre 2005
Ordre de chargement des images dans des calques Administration d'un site Web 27 Avril 2005
Préchargement d'image Administration d'un site Web 3 Février 2005
vitesse de chargement et taille d'une page Développement d'un site Web ou d'une appli mobile 7 Avril 2022
Temps de chargement, diminuer le travail du main thread Développement d'un site Web ou d'une appli mobile 1 Juin 2021
vitesse de chargement d'un site web Développement d'un site Web ou d'une appli mobile 9 Février 2021
Chargement composants par JS (fetch) - indexation dans Google Crawl et indexation Google, sitemaps 9 Octobre 2020
WordPress optimisation des temps de chargements Débuter en référencement 28 Juin 2020
Vitesse du site, temps de chargement etc Débuter en référencement 18 Février 2020