Images responsive design et optimisation du chargement

Discussion dans 'Référencement Google' créé par aurelien59, 21 Janvier 2016.

  1. aurelien59
    aurelien59 WRInaute impliqué
    Inscrit:
    25 Juillet 2006
    Messages:
    628
    J'aime reçus:
    1
    Bonjour à tous,

    Sur un site en responsive deisgn, les images n'ont pas de dimensions spécifiques pour qu'elles puissent s'adapter selon les dimensions de l'écran. Seulement lors d'un test de vitesse de chargement GTmetrix, j'ai une recommandation sur "Specify image dimensions" où ils conseillent de spécifier une dimensions. Mais si je fais cela, l'image restera la même et sera plus adaptée à l'écran :?

    Des conseils ?

    Merci bien.
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 022
    J'aime reçus:
    291
    Non: https://jsfiddle.net/5zp0w6cs/
     
  3. noren
    noren WRInaute accro
    Inscrit:
    8 Avril 2011
    Messages:
    2 906
    J'aime reçus:
    14
    Avec le responsive ca me permet difficile de spécifier le width et height d'une image. Pour bien faire il faut faire un test côté serveur pour vérifier si t'es sur mobile, tablette etc. et encore.

    J'utilise le framework bootstrap et je vois difficilement comment je pourrais spécifier la taille de l'image qui varie en fonction de l'écran. Et ceci sans passer par du contrôle côté serveur qui ne sera pas forcément très fiable pour déterminer la taille de l'écran.

    il y a peut être un truc qui m'échappe...
     
  4. macsud
    macsud Nouveau WRInaute
    Inscrit:
    3 Septembre 2012
    Messages:
    2
    J'aime reçus:
    0
    Bonjour
    personnellement pour les images je met le width en %, de même pour les tableaux qui ce redimentionnent automatiquement.
    ceci est vérifiable en réduisant la taille de ton écran en mettant l'index de ta souris sur la partit gauche de ton écran, texte , image et vidéo doivent ce redimentionner si ton site est responsive
     
Chargement...
Similar Threads - Images responsive design Forum Date
Responsive et taille des images Référencement Google 30 Mars 2015
Empêcher l'indexation d'images dont le nom contient une chaîne donnée Crawl et indexation Google, sitemaps 27 Juin 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
Position images/slideshow dans page ? Rédaction web et référencement 12 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
En test : affichage des informations de licence dans Google Images YouTube, Google Images et Google Maps 28 Février 2020
Mes images dans les SERPS de google en haut à droite Crawl et indexation Google, sitemaps 16 Février 2020
Images utilisées par Google pour illustrer résultat Référencement Google 30 Janvier 2020
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice