Comment compresser mon JavaScript et / ou CSS?


Réponses:



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

+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 .


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")
%>

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 .


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.


0

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



En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.