Comment compresser mon JavaScript et / ou CSS?

Réponses:

3

Minify semble être la norme. Voici un article de blog expliquant comment l'utiliser.

Travis Northcutt
la source
8

Je recommande fortement Google Closure Compiler pour compresser le code JavaScript. Je l'utilise personnellement, et c'est aussi le compresseur officiel utilisé par le projet jQuery.

Ce projet peut faire beaucoup, mais les bases sont les suivantes:

java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
Mike
la source
+1 bonne réponse. Notez que la fermeture de Google, en plus de compresser plus que le compresseur yui, détecte également les erreurs Javascript courantes telles que celles {1,2,3,}qui détruiront complètement votre site Web sur un "certain navigateur" (ouais, quel autre navigateur pourrait être aussi stupide ??)
Thomas Bonini
3

Utilisez gzip .

ilhan
la source
Vous pouvez compresser des fichiers HTML, JavaScript, CSS, ainsi que toute réponse textuelle (XML / JSON). Cela réduira la taille de la réponse, ce qui peut augmenter la vitesse de votre site Web.
Sean Moubry
2

J'utilise le projet SquishIt de Justin Etheredge . C'est génial! Pour asp.net seulement cependant.

  • Il utilise YUI pour la compression CSS et Javascript.
  • Il prend en charge MOINS
  • Je crois qu'il prend en charge la fermeture de Google
  • Il est ridiculement facile à utiliser.

Lisez l' intro pour squishit le billet de blog .

Voici un exemple de code qui restituera une seule <script>balise et une seule <link>balise. Les deux pointeront vers un fichier JS / CSS combiné et réduit.

<%= Bundle.JavaScript()
    .Add("~/js/jquery-1.4.2.js")
    .Add("~/js/jquery-ui-1.8.1.js")
    .Render("~/js/combined_#.js")
%>

<%= Bundle.Css()
    .Add("~/css/reset.css")
    .Add("~/css/text.css")
    .Add("~/css/960.css")
    .Render("~/css/combined_#.css")
%>
jessegavin
la source
Il convient de noter qu'il s'agit d'une solution ASP.NET.
David Bick
Oui, je l'ai noté dans la 3e phrase.
jessegavin
1

Il existe plusieurs outils très populaires pour compresser / réduire votre JavaScript et CSS.

  • Yahoo YUI Compressor
  • Microsoft AJAX Minifier
  • Compilateur de fermeture Google (JavaScript uniquement)

Tous sont très puissants - vous pouvez facilement les comparer. Tous sont des outils de ligne de commande, ils peuvent donc être facilement intégrés automatiquement à votre exécution lorsque vous créez ou publiez votre site Web.

Vous pouvez également trouver de nombreux sites Web qui exécutent ces outils pour vous, ce qui vous évitera d'avoir à installer / configurer. Cela est également utile si vous n'êtes pas familier avec l'utilisation des outils de ligne de commande.

Personnellement, j'ai toujours utilisé YUI Compressor .

Sean Moubry
la source
0

Ajoutez tout votre javascript à un seul fichier et compressez-le avec par exemple jsmin (http://www.crockford.com/javascript/jsmin.html). Faites cela également pour votre CSS, mais utilisez une autre technique de compression (suppression des espaces blancs). Comme il s'agit d'une tâche répétitive ennuyeuse, il existe des scripts disponibles qui feront exactement cela pour vous. J'utilise Django et j'utilise django-assets pour automatiser entièrement ce processus.

D4V360
la source
0

Si vous souhaitez compresser la taille de vos fichiers Javascript, vous pouvez utiliser packer .

HoLyVieR
la source