Images responsive design et optimisation du chargement

Consultez la formation au REFERENCEMENT naturel Google de WebRankInfo / Ranking Metrics


aurelien59
WRInaute impliqué
WRInaute impliqué
 
Messages: 809
Enregistré le: 25 Juil 2006

Images responsive design et optimisation du chargement

Message le Jeu Jan 21, 2016 12:50

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.


spout
WRInaute accro
WRInaute accro
 
Messages: 8263
Enregistré le: 14 Mai 2003

Re: Images responsive design et optimisation du chargement

Message le Jeu Jan 21, 2016 13:19

aurelien59 a écrit:Mais si je fais cela, l'image restera la même et sera plus adaptée à l'écran

Non: https://jsfiddle.net/5zp0w6cs/

noren
WRInaute accro
WRInaute accro
 
Messages: 2846
Enregistré le: 8 Avr 2011

Re: Images responsive design et optimisation du chargement

Message le Jeu Jan 21, 2016 14:19

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...

macsud
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 2
Enregistré le: 3 Sep 2012

Re: Images responsive design et optimisation du chargement

Message le Mer Fév 10, 2016 10:03

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
Modifié en dernier par Marie-Aude le Mer Fév 10, 2016 11:35, modifié 1 fois.
Raison: Suppression de la citation inutile du message en entier


Formation recommandée sur ce thème :

Formation REFERENCEMENT naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :