[Résolu] optimiser une image sans dégrader sa qualité (Créer un compte)

  • WordPress :6.1
  • Statut : résolu
  • Ce sujet contient 15 réponses, 2 participants et a été mis à jour pour la dernière fois par laurentsc, le il y a 1 mois.
15 sujets de 1 à 15 (sur un total de 16)
  • Auteur
    Messages
  • #2437282
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 8.1/8
    • Thème utilisé : Spacious-child
    • Extensions en place :
      Akismet Anti-Spam   Version 5.0.1
      AMP    Version 2.3.0
      Classic Editor Version 1.6.2
      Classic Widgets    Version 0.3
      Contact Form 7 Version 5.6.47
      Cookie Notice & Compliance for GDPR / CCPA Version 2.4.2
      Duplicate Page Version 4.4.9
      Duplicator Version 1.5.0
      EWWW Image Optimizer   Version 6.9.3
      Flamingo   Version 2.3
      Jetpack Boost  Version 1.6.0 
      NinjaFirewall (WP Edition) Version 4.5.5
      To Top Version 2.5.1
      UpdraftPlus - Backup/Restore   Version 1.22.24
      WebP Express   Version 0.25.5
      WP Dark Mode   Version 3.0.4
      WP Super Cache Version 1.9.2
      Yoast SEO  Version 19.12
    • Nom de l’hébergeur : Evxonline
    • Adresse du site : https://pasdpanique.fr/

    Problème(s) rencontré(s) : Je souhaite optimiser mes images (taille et surtout temps de chargement) sans dégrader leur qualité. J’ai utilisé l’outil https://compressor.io/ qui m’a permis de diminuer le temps de chargement de l’image d’en-tête (il est passé de 2,5s à 1,5s)(mesuré avec GTMetrix). Peut-on encore gagner ? (Ce qui serait bien sûr bénéfique pour le SEO)

    • Ce sujet a été modifié le il y a 1 mois et 1 semaine par Li-An.
    • Ce sujet a été modifié le il y a 1 mois et 1 semaine par Li-An.
    #2437289
    Li-An
    Modérateur
    Maître WordPress
    27186 contributions

    Bonjour, c’est indépendant de WP, je déplace votre sujet. Si vous ne donnez pas un exemple d’image, on ne peut guère vous aider.

    #2437295
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    Désolé ; oublié de joindre l’image à optimiser. La voici.
    Vous dites déplacer le sujet ; où ça ? (ça n’a pas l’air fait)

    #2437300
    Li-An
    Modérateur
    Maître WordPress
    27186 contributions

    C’est Noël, je ne fais pas ce que je veux 🙂 Ne vous inquiétez pas, ça ne change rien à l’abonnement à ce sujet. Mettez nous un lien vers le fichier sur un hébergement ou passez par un hébergeur d’image/fichier.

    #2437302
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    J’étais en train de créer le lien, mais ai été interrompu (à cause de la soirée !). Voici un lien we-transfer :

    https://we.tl/t-RlQV8SqHEk

    #2437303
    Li-An
    Modérateur
    Maître WordPress
    27186 contributions

    Vous obtenez quelle taille ?

    #2437304
    Li-An
    Modérateur
    Maître WordPress
    27186 contributions

    Alors déjà, il vous faut réduire la taille – ça n’a pas beaucoup d’intérêt d’avoir une telle largeur vu que la plupart des personnes vont visiter votre site sur des écrans bien plus petits. Je ne sais pas ce que vous demande votre thème mais disons qu’une largeur de 2000 px serait un début. Passez ensuite votre image en jpg. Aucun intérêt à rester en png. J’obtiens un poids en-dessous de 200 ko.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2437344
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    Bonsoir,

    après la soirée de Noël, j’ai pu faire quelques comparaisons. J’utilise GTMetrix qui me donne (notamment) performance et Largest Content Paint (en gros le temps de chargement de l’image d’en-tête). Cela donne cela :

    • le png d’origine (3513px par 1193px) : 87% de performance et 1,5s de temps de chargement
    • votre jpg (2000px par 679px) : 85% et 1,6s
    • le png d’origine redimensionné à 1400px par 475px (le thème recommande 1400px par 400px) : 85% et 1,6s

    Selon cette comparaison, le png d’origine l’emporte. Par contre, je me méfie des résultats donnés par GTMetrix car par exemple, j’ai fait un second essai avec votre fichier, et j’ai obtenu 81% et 1,8s. Rien à voir avec le premier essai…

    Autre surprise : le fichier png d’origine a été transformé par WordPress en jpg de 1920px par 652px…

     

    Donc difficile de tirer une conclusion…

    #2437385
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    GTMetrix semble aléatoire car avant pour le PNG d’origine, il m’avait donné performance=87% et Largest Contentful Paint=1,5s mais je viens de recommencer et perf=85% et LCP=1,7s puis perf=82% et LCP=1,8s puis

    Sorry, you’ve reached your test limit!

    Your Weekly On-Demand credits will start to regenerate on December 31, 2022 @ 01:00

    Upgrade to PRO for more tests

    #2437398
    Li-An
    Modérateur
    Maître WordPress
    27186 contributions

    Ne vous fiez pas à ce test qui est global et prend en compte des paramètres pas directement liés au fichier. Il faut juste considérer son poids. Le jpg en taille réduite est 10 fois plus léger, il sera donc chargé plus rapidement.

    #2437399
    Li-An
    Modérateur
    Maître WordPress
    27186 contributions

    Vous n’avez pas donné l’URL de la page testée. Si c’est une miniature de l’image qui est chargée, c’est normal qu’elle soit en jpg… et qu’il n’y ait pas de différence en temps de chargement puisque ce n’est pas l’image originale qui est chargée mais la miniature.

    #2437402
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    L’URL est https://pasdpanique.fr/ et il s’agit de l’image d’en-tête. Cela dit, quand j’importe l’image (au format PNG) dans la médiathèque, WordPress la convertit au format JPG : https://pasdpanique.fr/wp-content/uploads/2022/12/Bandeauredimensionne-gimp-light-3.jpg

    Si c’est une miniature de l’image qui est chargée, c’est normal qu’elle soit en jpg

    Pourquoi ?

    Le jpg en taille réduite est 10 fois plus léger, il sera donc chargé plus rapidement.

    Alors que les résultats donnés par GTMetrix m’avaient conduits à la conclusion opposée ? Vous affirmez que Largest Content Paint ne donne pas le temps de chargement de l’image d’en-tête ?

    #2437429
    Li-An
    Modérateur
    Maître WordPress
    27186 contributions

    Par défaut, WP… ah ben non, je viens de faire un test en la miniature de mon png est bien un png. J’ignore donc la raison de votre problème ou plutôt, regardez les réglages de EWWW Optimizer.

    Pour ce qui est de GMetrix, je ne comprends rien à votre raisonnement. Vous avez demandé une optimisation d’image, je vous ai donné des pistes mais cette optimisation n’a rien à voir avec les optimisations de chargement de site. Je ne vais pas débattre avec vous là-dessus.

    #2437450
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    regardez les réglages de EWWW Optimizer.

    Si je désactive ce plugin, l’image importée dans la médiathèque qui est à l’origine au format PNG reste bien à ce format, mais je n’ai pas trouvé quoi faire dans ses réglages pour que ce soit le cas si on active le plugin…

    mais cette optimisation n’a rien à voir avec les optimisations de chargement de site

    A moi de ne pas comprendre…C’est quoi les optimisations de chargement de site ?

    #2437540
    Li-An
    Modérateur
    Maître WordPress
    27186 contributions

    Vous me parlez de GMetrix et de Largest Content Paint. Des données qui ne concernent pas directement l’optimisation du poids d’une image.

    EWWW Optimize ne va pas faire des miracles sur le poids de votre image. Si vous la gardez à la taille originale et en png, elle restera bien plus lourde que la version jpg. Et en effet, plus de trace de la possibilité de conserver le format png dans EWW.

15 sujets de 1 à 15 (sur un total de 16)
  • Vous devez être connecté pour répondre à ce sujet.