Optimisation : taille des images VS nombre d'images

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Albataur, 21 Janvier 2006.

  1. Albataur
    Albataur WRInaute discret
    Inscrit:
    27 Août 2005
    Messages:
    50
    J'aime reçus:
    0
    Salut,

    Sachant que plus une image est grosse, plus elle est longue à télécharger, j'ai tendance à beaucoup découper mon interfaces en plein de petites images pour notament remplacer les grande zones unies ou répétives par des fonds.

    Or pour chaque élément de la page du temps est perdu en requètes http.

    Ma question est donc jusqu'à quel point est-il intéressant de découper une image pour gagner de la place.
    Par exemple dans mon interface mon image en 1 morceaux fait 12 ko alors que divisé en 3 petites images, le total prend 7 ko. Qu'est-ce qui est le plus intéressant ?
    Quelle proportion du temps passé au téléchargement d'un élément d'une page web est perdue dans les en-têtes http, etc. :?:

    Merci,

    a+
     
  2. Yvel
    Yvel WRInaute occasionnel
    Inscrit:
    5 Juin 2005
    Messages:
    368
    J'aime reçus:
    0
    1 image c bien..... surtout lorsqu'elle ne fait que 12 ko
    de plus tu allèges ton code
     
  3. Maze12
    Maze12 WRInaute occasionnel
    Inscrit:
    7 Juillet 2005
    Messages:
    423
    J'aime reçus:
    0
  4. MarvinLeRouge
    MarvinLeRouge WRInaute impliqué
    Inscrit:
    1 Septembre 2004
    Messages:
    514
    J'aime reçus:
    0
    Il me semble que c'est en dessous de 1006 octets que ça n'a plus d'importance (taille minimale d'une trame).
     
  5. Thierry Bugs
    Thierry Bugs WRInaute accro
    Inscrit:
    16 Juin 2004
    Messages:
    3 363
    J'aime reçus:
    1
    Le découpage des images c'est intéressant quand elles sont lourdes (+ de 50 k) pour faire patienter les visiteurs en bas débit surtout.
    Attention, par rapport au nombre de "hit" dans votre hébergement 1 image c'est 1 hit, la meme image fractionnée en 16 : c'est 16 hit. Donc pour une page d'accueil c'est un paramètre à prendre en compte...
     
  6. MarvinLeRouge
    MarvinLeRouge WRInaute impliqué
    Inscrit:
    1 Septembre 2004
    Messages:
    514
    J'aime reçus:
    0
    Je pense surtout qu'il faut essayer, autant que possible, que l'internaute ait accès immédiatement à l'information, que l'image soit arrivée ou pas.
    Et ceci consitue un des intérêts des css : tu charges d'abord ton texte, et ensuite seulement les images indiquées dans tes css.
     
  7. Albataur
    Albataur WRInaute discret
    Inscrit:
    27 Août 2005
    Messages:
    50
    J'aime reçus:
    0
    Merci pour vos réponses 8)

    J'ai regroupé les 6 images en deux mais il m'en reste encore 30 (22 dans le html et le reste dans le html) pour un total de 52ko.
    Ca vous parait beaucoup ?
    Voici le site en question : -www.houkah.info (le total fait 33 requètes pour 68 Ko).

    Je vois pas vraiment comment réduire plus le nombre d'images.
    Personne n'a une estimation quantitative du temps perdu en formulation de la requète etc. ?

    a+
     
Chargement...
Similar Threads - Optimisation taille images Forum Date
Optimisation de la taille d'une page web Développement d'un site Web ou d'une appli mobile 2 Novembre 2016
Optimisation de la taille d'une page web Développement d'un site Web ou d'une appli mobile 10 Février 2009
Optimisation d' un site avec Yoast Débuter en référencement 5 Mai 2022
WordPress Avis et question concernant une optimisation dû à de multiples sites Demandes d'avis et de conseils sur vos sites 18 Avril 2022
Optimisation publication FB Facebook 14 Avril 2022
Optimisation d'une page : Titre du Site et Menu comment les inclure? Débuter en référencement 13 Septembre 2021
Astuce Optimisation des URLs Débuter en référencement 15 Juin 2021
WordPress PageSpeed - optimisation - fonts Développement d'un site Web ou d'une appli mobile 27 Janvier 2021
Optimisation SXO de site web de mon agence Référencement Google 22 Janvier 2021
Avis et optimisation sur blog voyage Demandes d'avis et de conseils sur vos sites 24 Décembre 2020
Optimisation du Cumulative Layout Shift (CLS) Référencement Google 8 Décembre 2020
Optimisation URL pour les moteurs de recherche Débuter en référencement 15 Novembre 2020
Optimisation site Wordpress Débuter en référencement 21 Août 2020
Optimisation des publicités / revenus AdSense 19 Juillet 2020
WordPress optimisation des temps de chargements Débuter en référencement 28 Juin 2020
Optimisation pour la catégorie de produits de commerce électronique Rédaction web et référencement 26 Juin 2020
Astuce optimisation image au format Webp YouTube, Google Images et Google Maps 6 Avril 2020
Optimisation liens footer Netlinking, backlinks, liens et redirections 3 Janvier 2020
Test d'optimisation mobile : Problèmes de chargement de la page Débuter en référencement 10 Novembre 2019
Que faire en cas de sur-optimisation de mot-clé dans l'URL du site ? Demandes d'avis et de conseils sur vos sites 5 Novembre 2019