Minifier simplement vos CSS et Javascript

Tags:: css :: javascript :: web :: html

M'amusant un peu avec mon serveur pour corriger quelques problèmes d'optimisation de temps de réponse, j'ai décidé de minifier les javascript et CSS de mon blog. Or voilà... sachant que Copix inclut mes CSS et CSS selon des thèmes précis, et que j'ai pas envie de modifier tout ça n'importe comment, j'ai commencé à chercher une solution plus simple et puissante. Et j'ai trouvé la solution qui me convient bien: Minify

Ce petit "framework" est simple comme tout à utiliser, vous décompressez le zip à la racine de votre site web, ce qui va vous donner un répertoire "min". Ensuite, il suffit d'aller à l'adresse http://www.votre-site-web.net/min pour tester vos minifications. Vous remarquerez que le script vous dit d'utiliser une url de la forme: http://www.votre-site-web.net/min/f=nom-fichier-js-ou-css

Bon, n'ayant pas envie de changer dans mes templates tous les appels à mes CSS et/ou js, je me suis jute fait une petite règle dans mon .htaccess:


RewriteRule    (.*(\.js|\.css))$        /min/f=$1       [L]
 

En gros je demande que tout ce qui termine par ".js" ou ".css" soir renvoyé en paramètre à min/f=. Et voilà, tous mes scripts et CSS passent par le minifier qui compresse mon code.

Simple, efficace... J'aime !

Utilisez le code barre pour ouvrir le ticket dans votre mobile:
This ticket on you mobile
1 Lundi 08 Novembre 2010 05:40:39, web-site-creation

Ouai enfin utiliser du php pour compresser du css je suis vraiment pas convaincu des performances que ça apporte, je crois même que ça peut être la fausse bonne idée (après ça dépend des cas évidemment).

Le mieux est quand même de le faire à la main quand on a du temps, rejoindre les fichiers et supprimer les espaces, commentaires. Voir même compresser en gzip le css et le js à coté des fichiers originaux pour les serveurs qui supportent cette option (apache ne le fait pas il me semble par contre) (ça évite au serveur de compresser à chaque coup avant l'envoi)

2 Samedi 03 Décembre 2011 18:03:43, Metal3d

Heu bon je mets un an et demi à répondre mais...

En fait, c'est au contraire une très bonne idée étant donné que cet outil gère un cache.

Ca ne compresse donc pas à chaque fois. Vala vala :)

Ajouter un commentaire
Veuillez répondre à la question suivante : Tapez "clap" sans guillemets dans le champs suivant

Trackbacks

Pour ajouter un trackback (retrolien) sur ce ticket, utilisez cette adresse: http://www.metal3d.org/index.php/trackback/default/tb?id=blog%2F243

Tags

Blog Copix Communication PC Config Fedora Vidéo Humour Autre Web Materiel Informatique PHP Développement Mootools HTML Linux WEB IE CSS Vista Microsoft Sympa XHTML Quizz Widget Klik CWE Voeux Bonne année Musique CCRMA Son Audio MAO Reconnaissance vocale Windows Mac Compiz MacOS Mysql Sun Base de données BD Screenlets Screenlet RPM compiz Ubuntu Live FireFox Derambarsh Facebook media informations Sécurité javascript SSH Commande Marketing concours ipod wii QT Trooltech Nokia Libre Logiciels GPL Attali Gnome Dock Compiler Bench undelete reiserfs recovery recover Thread Serveur Optimisation Server Apache Album RSS Flash Air XML Firefox Blender Opensource Orange Internet LiveBox Animaux Droits Logiciels Libres Google Loi RBS netcat Bash Téléphone Spam 3D NIDIA Standards Widgets Merise UML Streaming Developpement Perl MySQL Firewall Parfeu Bayes Novell Réseau Python LVS Salon FTP Dedibox Chrome Administration IRC Gentoo troll video Nouveauté Finance Etudiant spéctacle OpenOffice Javascript Java Info Eclpise ATI design mootools KDE Bureau Design GNU C Pages Jaunes Fun Bijoux Art mail Admin vmware fedora linux VirtualBox VMWare Qemu KVM vim Grep Fglrx Webkit GTK google web JQuery Coup de gueule coup de gueule Lois SVG Raycaster Canvas Hadopi Desktop Jeux Les Sims développement astuces Screen firefox Mobile Safaru Wine bash commande astuce Wave ooc C++ C# Netbook Hercules Bureautique Twitter Safari W3C chrome kazehakaze midori navigateur gecko webkit Links Liens Pyhon Nouvelles Metal Perso Conférence JDLL PCC Roadsend OOC News Acteur Cinéma Chanteur Seven windows orthographe pcc php jdll Slide Application mysql Html twitter python screen curses SVN Android Gphone iPhone OpenGL MindMap Projet Javascrtip Ajax Guitare Tab Tablature JSON firebug Chromium Iphone Titanium music sound android ogg ogv streaming Arkyne svn subversion gnome VLC Tv encoder ffmpeg Cryptage apple microsoft HTML5 Max Apple code youtube quvi git uzbl webgl chromium

  Catalogue professionnel de musique libre


  • twitter entries...
follow me on Twitter

Valid XHTML 1.0 Strict

tumblr visitor