BoxCSS, compressez vos feuilles de style

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" />

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 ?

Pour en savoir plus sur l'auteur de cet article... Actuellement étudiant en MIAGE (Méthodes Informatiques Appliquées à la Gestion des Entreprises) à Toulouse, je suis avant tout passionné de technologies web, et notamment des solutions mobiles. Je suis par ailleurs un inconditionnel des sports de glisses, et vous aurez des chances de me croiser dans les Pyrénées ;) En savoir plus sur cet auteur...
Follow @floliofr

Articles similaires

Ce qu’il faut faire et ne pas faire pour écrire au mieux du code CSS et HTML

Web-designers, 10 applications HTML et CSS sur Mac OS X

ChopApp, partagez et annotez votre code

Affichez le nombre de lecteur de Twitter et feedburner sur votre site Web : HTML, CSS, PHP

Comment utiliser l’API de recherche de Google Shopping en PHP

Prefixr, rendez compatible votre CSS sur tous les navigateurs !

Articles récents

Mozilla montre une nouvelle version du design de Firefox pour Android

Vidéo de déballage du Samsung Galaxy S III

Wikileaks, après The Pirate Bay, est également la cible d'attaques DDoS !

[MAJ] The Pirate Bay tombe suite à une attaque DDoS, de nouveau accessible !

Adobe ColdFusion 10 est lancé avec un soutien accru d'HTML5

Goobuntu : Quand Google fait son propre Ubuntu