Cjo - css and javascript optimizer

Télécharger le projet
Commenter

Description

Avec l?engouement pour le web 2.0 et ses effets javascript en tous genres, vos pages sont de plus en plus lourdes, elles incluent de nombreux fichiers javascript et css.

CJO va vous aidez mettre de l?ordre dans tout ça !

CJO va vous permettre:
  • de rassembler tout vos fichiers javascript en un seul et unique fichier js
  • de rassembler tout vos fichiers css en un seul et unique fichier css
  • de compresser à la volée vos fichiers css et js
  • de forcer et régler la durée de mise en cache de vos fichiers


Et tout ça en à peine 3 lignes de codes !

Présentation
------------

C?est en fait un ensemble de classes php qui ont été assemblées de manière à pouvoir en tirer pleinement profit le plus simplement possible.

Ma méthode utilise:
  • la version en php du Packer de Dean Edwards, un compresseur/obfuscateur de JavaScript.
  • CSSTidy dans sa version php, compresseur et optimiseur de CSS
  • une petite classe de mise en cache, déniché je ne sais plus où
  • et des petites astuces perso.


Donc je le précise, je me suis juste contenté d'assembler les sources pour faciliter l'implémentation ! Et n'etant pas très à l'aise en php, il y a très certainement de meilleurs façon "d'assembler" tout ça ...

Source / Exemple : 


<?php
     //array of .js files
     $my_files = array('/js/swfobject.js','/js/prototype.js','/js/scriptaculous.js','/js/popup.js');
     //@param [array of files, cache folder, time to cache (sec), compress?]
     $my_param =  array($my_files,'../cache/',60*60*12,true);
     //include the php file for processing
     require( '../optimizer/ultimate_optimizer.php' );
?>

Conclusion :


1. uploadez les classes sur votre serveur (dans cette exemple je les met dans un dossier ?optimizer? situé à la racine)
2. créer un fichier php (nommé le par exemple ?import_js.php?) et mettez le code précédant à l'intérieur (avec vos fichiers .js)
3. uploader le fichier php sur votre serveur (moi je l?ai placé dans le même dossier que les .js)
4. remplacez vos imports multiples par l?import unique du fichier php
<script type="text/javascript" src="/js/import_js.php"></script>
5. Et pour finir, créer un fichier ?cache? situé à la racine.

Sujet d'origine: http://www.webinventif.fr/wiki/tutoriels/javascript/cjo_css_and_javascript_optimizer
Sujet en anglais (enfin si on veut ^^): http://www.webinventif.fr/wiki/tutoriels/javascript/cjo_css_and_javascript_optimizer
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_x_mec)