Fusion de CSS

Le principe

Les fichiers CSS sont définis par un ensemble de règles qui s’appliquent sur des éléments de la page. Ces règles peuvent être redéfinies dans le même fichier, ou même dans d’autres fichiers qui sont chargés après le premier (la dernière règle chargée prévaut).

Afin d’optimiser le chargement des pages web, il est souvent conseiller de fusionner les fichiers CSS en un seul (moins de bande passante consommée, un seul transfert réseau, temps de chargement des règles inutiles évité). Cela est possible en appliquant les règles successivement en analysant les fichiers.

Utilisation

Chargez juste les fichiers, le résultat du traitement est affiché dans la fenêtre de prévisualisation. Il est également possible de télécharger la version du fichier réécrite pour en minimiser la taille.

Code source

Le code est disponible sur mon dépôt git. Il utilise une version compilée en JavaScript de l’application css_merger qui s’y trouve.