RWEB 0023 Préférer les CSS aux images

Description

Utiliser les propriétés CSS à la place d’images. En effet, le poids d’une feuille de styles est bien plus faible, surtout si elle est compressée. En outre, l’appel d’une feuille de styles ne génère qu’une seule requête HTTP, contre un grand nombre si l’on emploie beaucoup d’images (une requête HTTP pour chaque image).

Exemple

Les coins arrondis, les bordures décorées, les effets de filtre des éléments doivent être gérés en CSS plutôt qu’avec des images.

Préférer l’écriture :

#cadre {
    border-radius: 10px;
}

<div id="cadre">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </p>
</div>

Principe de validation