28173 sujets
CSS et mise en forme, CSS3
Oui, déjà en la codant le mieux possible, puis en te servant d'un outil comme "CSS Formatteur et Optimiseur"
Modifié par Whisno (06 Sep 2006 - 13:23)
Modifié par Whisno (06 Sep 2006 - 13:23)
Salut,
La meilleure manière d'obtenir une feuille de style légère est de toujours partir du cas le plus généraliste pour ensuite spécialiser. Il vaut mieux rester le plus simple possible dans le cas généraliste, ce qui évite les contre-indications lors de la spécialisation. Après, on peut raccourcir le nom de ses classes et id ainsi que supprimer les espaces.
La meilleure manière d'obtenir une feuille de style légère est de toujours partir du cas le plus généraliste pour ensuite spécialiser. Il vaut mieux rester le plus simple possible dans le cas généraliste, ce qui évite les contre-indications lors de la spécialisation. Après, on peut raccourcir le nom de ses classes et id ainsi que supprimer les espaces.
Si elle est mal écrite, oui.
On peut utiliser des propriétés généralistes comme background, qui acceptent une suite de valeurs, plutôt que de décliner background-color, background-image, bakcground-repeat, etc.
On peut également « factoriser » le code, en regroupant des ensembles de propriétés qui s'appliquent à plusieurs éléments :
Des choses du genre.
Maintenant, faut-il alléger une feuille de style ?
Du point de vue des temps de téléchargement, on s'en fiche un peu. Une feuille de style de 8Ko mise en cache une fois et basta, contre une feuille de style de 4Ko mise en cache une fois et basta... la belle affaire. Tandis qu'une petite image optimisée, et on a gagné ces 4Ko d'un seul coup.
Du point de vue de la méthodologie, l'intérêt principal d'un code « optimisé » est de faciliter la lecture du code, et donc sa maintenance. Point à la ligne.
Mais on fera attention à ne pas sombrer dans la factorite aiguë : un code très factorisé n'est pas toujours évident à maintenir : ça oblige à groupe des éléments qui ne vont pas forcément, d'un point de vue logique, ensemble ; ça demande de défaire des parties entières de code, ou d'en créer de nouvelles, quand on veut par exemple donner une famille de police différente aux titres (hN) et aux paragraphes (p) ; etc.
On peut utiliser des propriétés généralistes comme background, qui acceptent une suite de valeurs, plutôt que de décliner background-color, background-image, bakcground-repeat, etc.
On peut également « factoriser » le code, en regroupant des ensembles de propriétés qui s'appliquent à plusieurs éléments :
h1, h2, h3, h4, h5, h6, p, ul, ol {font-family: bla bla, serif;}Des choses du genre.
Maintenant, faut-il alléger une feuille de style ?
Du point de vue des temps de téléchargement, on s'en fiche un peu. Une feuille de style de 8Ko mise en cache une fois et basta, contre une feuille de style de 4Ko mise en cache une fois et basta... la belle affaire. Tandis qu'une petite image optimisée, et on a gagné ces 4Ko d'un seul coup.
Du point de vue de la méthodologie, l'intérêt principal d'un code « optimisé » est de faciliter la lecture du code, et donc sa maintenance. Point à la ligne.
Mais on fera attention à ne pas sombrer dans la factorite aiguë : un code très factorisé n'est pas toujours évident à maintenir : ça oblige à groupe des éléments qui ne vont pas forcément, d'un point de vue logique, ensemble ; ça demande de défaire des parties entières de code, ou d'en créer de nouvelles, quand on veut par exemple donner une famille de police différente aux titres (hN) et aux paragraphes (p) ; etc.
ctito17 a écrit :
une petite question :
Peut-on alléger une feuille de style ?
Non pas vraiment...
Ce qu'on peut faire c'est le ménage dans l'incroyable B***** que peut constituer une feuille de style élaborée par un esprit peu organisé et confus...
... Enfin, bon, c'est théoriquement possible mais moi je n'y arrive pas du tout
Whisno a écrit :
Oui, déjà en la codant le mieux possible, puis en te servant d'un outil comme "CSS Formatteur et Optimiseur"
Merci, c'est exactement ce que je cherchais un optimiseur de css !
