BoxCSS est un service qui vous permettra de compresser vos feuilles de style en une seule requête afin de réduire leur taille et ainsi soulager la charge de votre serveur.
Fonctionnement de BoxCSS
Son fonctionnement est simple. Il suffit d’appeler le service comme si vous appeliez une feuille de style externe.
Appel du service
<link rel="stylesheet" href="http://www.boxcss.com/boxme?host=http://www.votresite.com/assets/css/&include=style1.css,style2.css,style3.css,style4.css" />
[/sourcecode]
L’appel du service se réalise de la manière suivante :
- URL du service :
http://www.boxcss.com/boxme
?host=
- URL du dossier CSS de votre site :
http://www.votresite.com/css/
&include=
- Les feuilles de style, séparées par des virgules
Boxcss récupère ensuite tous les fichiers passés en paramètre, les compresse, puis retourne le tout sous la forme d’un seul fichier compressé.
Résultat
Voici un petit aperçu du résultat avant et après l’appel à BoxCSS.
Vous avez sans doute flairé le problème : « Et si BoxCSS tombe en panne ? »
Et bien, votre site aussi ! Aucun fichier CSS ne sera renvoyé. Mais BoxCSS l’indique sur son site, le service est hébergé sur Amazon EC2, certifié pour fonctionner 99,95% du temps.
Conclusion
BoxCSS vous permettra donc de diminuer le temps d’affichage de votre site en réduisant notamment le nombre d’appels aux fichiers CSS.
Si vous avez aimé BoxCSS, d’autres services réalisés par les même personnes vous intéresseront surement :
- BoxJS, pour compresser vos fichiers JavaScript
- BoxJson, compressera vos fichiers JSON
- BoxResizer, afin de redimensionner vos images sur le même principe
Avez-vous déjà entendu parler de ce service ? Que pensez-vous de manière générale des services externes tels que BoxCSS ?