[Résolu]Au sujet de l'optimisation des images sites web et normes W3C

Bonjour à tous !


Il était (est ?) recommandé de préciser les attributs width et height des balises <img> pour "accélerer" l'affichage d'une page (en fait le texte se charge de la page web sans attendre que les images soient affichées).

Est-ce que lorsque l'on utilise ces attibuts dans une balise style="width:xxpx; height:xxpx;" dans une balise img pour favoriser l'utilisation de CSS, on a le même résultat?

En clair, vaut-il mieux utiliser du CSS intégré ou les attributs HTML ?

@++

Mos
Modifié par Mos (16 Feb 2007 - 11:40)

Salut et bienvenue au club!

Les attributs width et height de l'élément img déterminent l'espace occupé par l'image. Lorsque l'image est indisponible ou désactivée, la surface aux dimensions définies par les attributs demeure inchangée.

Les propriétés CSS width et height produisent le même effet dans les deux cas indiqués ci-dessus, auxquels s'ajoute l'application de la règle "visibility: hidden" (en revanche, la règle "display: none" masquera complètement la surface occupée par l'image).

Merci à tous !

C'est plus clair et effectivement le sujet a fait vaste débat sur le blog cité par koala64 et les liens qui s'y réfèrent !

La norme W3c ne classe pas width et height de <IMG /> comme deprecated !.


@++
mos

Oui et non

Oui : cela m'a confirmé que les attributs width et height ne sont pas dépréciés.

Oui : cela m'a permis d'avoir la certitude que les CSS étaient interprétées avant le HTML

Non : je en sais toujours pas si avec l'utilisation des CSS (width et height) les navigateurs commencent à afficher le texte avant la fin du chargement des images... ou si ils attendent que tout soit chargé avant de débuter l'affichage... A priori, vu l'ordre de traitement cela paraitrait logique que l'affichage débute avant la fin du chargement des images... mais pas de confirmation encore...


Mos