Écrire des feuilles de style efficaces

[Monique]

Bonjour,

J'ai honteusement pompé le titre de l'article de novembre de Pompage.net pour le titre de ce sujet

Écrire des feuilles de style efficaces

Il s'agit de la traduction d'un article publié sur le site Position Is Everything par Holly Bergevin et John Gallant.

Vous y apprendrez comment obtenir une feuille de style efficace, légère, facile à relire et à maintenir...

Il y a plusieurs domaines où la chasse aux octets superflus peut s'exercer. Ils comprennent notamment les propriétés raccourcies, les déclarations multiples, les valeurs par défaut, l'héritage des règles et les espaces blancs.

[Kimberlyclarko]

En effet, c'est très intéressant.

Même s'ils vont effectivement un peu loin avec la suppression des espaces blancs pour gagner quelques octets... Une CSS "bien rangée" est plus agréable à lire, et si elle est bien commentée, c'est encore mieux et tant pis pour les octets Quant à avoir une version off line et une version allégée online, pourquoi pas, mais ca fait quand même beaucoup plus de boulot.

[petit-ourson]

Il suffit d'avoir un script pr nettoyer sa feuille de style, le boulot demander n'est pas énorme.

On supprime les passage a la ligne, on supprime les commentaires (pose un pb car des hack utilise des /**/, on supprime l'espace devant et après les ":" et les tabulations...

Ca représente 1/6 de ma feuille de style après test ;o)

[ElMoustiko]

Il est tout de même important de conserver une feuille de style lisible par un humain, même en ligne, il n'y a rien d'ultra top secret qui vaille d'être caché dans une feuille de style et permettre aux gens de les lire pour comprendre les façons de faire est important (je trouve). De même que le code html est beaucoup mieux s'il est bien indenté et aéré.

Pour faire des feuilles de style efficaces, elles doivent être lisible, aérée.

Et racourcir les propriété pour lesquelles c'est possible.

[Monique]

Pour une machine, peu importe que le code soit sur une ou plusieurs lignes...

Il n'en va pas de même pour un humain (tout comme la lecture d'un texte sans paragraphe ni interligne est pénible). C'est le sens du message des auteurs de l'article.

Ils attirent aussi l'attention sur les espaces qui ne peuvent pas être supprimés.

Mais ce point n'est qu'une petite partie de l'article.

Les autres techniques abordées (propriétés raccourcies, déclarations multiples, valeurs par défaut, héritage des règles) me semblent autrement importantes... et là, aucun script ne pourrait venir en aide au webmaster

[ElMoustiko]

Oui je suis d'accord, je connaissait d'ailleurs l'article mais je voulais mettre en garde contre les script d'optimisation souvent barbare.

[petit-ourson]

je parlais d'une réduction de façon brute ;o)