images en responsive, balises et rapidité de chargement

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par feeline31, 20 Décembre 2021.

  1. feeline31
    feeline31 Nouveau WRInaute
    Inscrit:
    30 Décembre 2020
    Messages:
    48
    J'aime reçus:
    1
    Bonjour à tous,

    Je me questionne depuis quelques temps sur la bonne technique à utiliser pour le redimensionnement des images pour le responsive et l'impact sur le référencement naturel.

    J'ai, sur pas mal de site, que je dois optimiser, des bandeaux "pleine page" avec une image qui est automatiquement dupliquée en 3,4 ou 5 formats pour les différents écrans.

    Ces images ont toutes la même balise qui se retrouve dupliquée X fois dans le code source de la page, est-ce problématique ? Cette technique peut-elle ressembler à de la suroptimisation pour Google ?

    De plus, il est vrai que l'image chargée est plus adaptée au format de la page mais j'ai l'impression qu'au lieu de charger 1 grosse image, j'en charge 4 et que du coup pour tablette ou mobile, ma page est plus lourde que si j'avais laissé mon image initiale en grande taille. C'est peut-être un ressenti que j'ai par rapport à la façon dont ce site est développé et cela dépasse mes compétences. Je vous colle l'adresse pour avoir vos lumières https://www.ltp-geniecivil-gabions.fr/

    Encore merci à tous pour vos lumières.
     
  2. WebRankInfo
    WebRankInfo Admin
    Membre du personnel
    Inscrit:
    19 Avril 2002
    Messages:
    20 667
    J'aime reçus:
    748
  3. nicodak
    nicodak WRInaute discret
    Inscrit:
    21 Octobre 2020
    Messages:
    161
    J'aime reçus:
    42
    Et pourquoi pas utiliser des formats d'images nouvelles générations comme webp vous gagnerez en temps de chargement. Votre score GG page speed est assez mauvais : PageSpeed Insights (web.dev) 37 en version mobile et même 46 en version desktop.
     
  4. Furtif
    Furtif WRInaute accro
    Inscrit:
    9 Août 2005
    Messages:
    2 951
    J'aime reçus:
    313
    Bah, le webp n'apporte pas grand chose de plus qu'un jpg bien optimisé, apres ce n'est pas tant le nombre d'images qui est important, mais la methode utilisée pour gerer l'affichage...
     
  5. nicodak
    nicodak WRInaute discret
    Inscrit:
    21 Octobre 2020
    Messages:
    161
    J'aime reçus:
    42
    Ok, je comprends.
    Pourtant GG indique dans les résultats de son Page Speed score que les formats .jpg ne sont pas optimisés pour le web et qu'il est préférable d'utiliser du .webp par exemple.
    Les économies de "poids" sont substantielles tout de même...

    Après effectivement si on peut différer le chargement des images hors écran c'est bénéfique aussi.
     
  6. Furtif
    Furtif WRInaute accro
    Inscrit:
    9 Août 2005
    Messages:
    2 951
    J'aime reçus:
    313
    Google est bien gentil, mais quelquefois il pousse le bouchon un peu loin pour pas grand chose...
    il te trouvera toujours un truc a ameliorer
    Faire 2/3 mesures avec PSI a different moment de la journée, les resultats sont souvent variables, completer avec gtmetrix et ponderer tout ça...

    Le webp je ne suis pas contre, mais utilisé a toutes les sauces comme produit miraculeux, bof bof...
    Apres il n'y a pas de miracle, certains poussent les curseurs webp au max, mais bonjour la colorimetrie.

    Oui pour remplacer le png car il gere la transparence et apporte un avantage niveau poids
    il remplace aussi le gif animé
    Apres pour le jpg, j'arrive au meme, voire meilleurs resultat dans certains cas

    J'ai un site onepage, avec plus de 350 images dont 80% en 1500X1200px qui affiche un score de 83/85 sur mobile et 99 sur desktop...
     
    cthierry apprécie ceci.
Chargement...
Similar Threads - images responsive balises Forum Date
Images responsive design et optimisation du chargement Référencement Google 21 Janvier 2016
Responsive et taille des images Référencement Google 30 Mars 2015
Liens en do follow ou no follow pour créditer les images ? Netlinking, backlinks, liens et redirections 14 Mai 2022
Images upscalées ou downscalées et le SEO Débuter en référencement 6 Mai 2022
Shopify : images hébergées sur CDN, en dehors du nom de domaine YouTube, Google Images et Google Maps 4 Mai 2022
URL rewriting d'images URL Rewriting et .htaccess 22 Janvier 2022
Quota d'images sur une page Débuter en référencement 10 Janvier 2022
problème avec la mise en cache des images de mon site Développement d'un site Web ou d'une appli mobile 19 Décembre 2021
Duplicate images pour déclinaisons de produits Débuter en référencement 20 Octobre 2021
Référencement - nom des fichiers images Débuter en référencement 22 Septembre 2021
Page indexée mais pas les images Problèmes de référencement spécifiques à vos sites 10 Juin 2021
Images Webp : peut-on se passer d'images alternatives ? YouTube, Google Images et Google Maps 1 Juin 2021
Adaptives Images et WEBP Développement d'un site Web ou d'une appli mobile 17 Mars 2021
Google Images: URL à la place du titre dans les résultats de recherche YouTube, Google Images et Google Maps 4 Mars 2021
images et alt class Débuter en référencement 15 Janvier 2021
Search Console Problèmes chargements images Crawl et indexation Google, sitemaps 3 Septembre 2020
Vérifier si plusieurs images ont le même poids Développement d'un site Web ou d'une appli mobile 13 Mai 2020
WordPress Questions de SEO pour les images et duplicate content Débuter en référencement 11 Avril 2020
Astuce Presta passage de 1.6 à 1.7 en gardant les images rubriques et sous rubriques e-commerce 8 Avril 2020
Référencement images : avantage pour photos de mannequins célèbres ? Débuter en référencement 26 Mars 2020