web-dev-qa-db-fra.com

Comment compresser mon code JavaScript et / ou CSS?

Je sais qu'il y a moyen de le charger dynamiquement dans la page , mais si je veux compresser mon code pour qu'il se charge encore plus rapidement, comment puis-je le faire?

optimizationcssjavascriptcompression
8
Jason

Minify semble être la norme. Here est un article de blog avec une explication de son utilisation.

3
Travis Northcutt

Je recommande fortement Google Closure Compiler pour la compression du 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
8
Mike

Utilisez gzip .

3
ilhan

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 supporte MOINS
  • Je crois qu'il supporte Google Closure
  • C'est ridiculement facile à utiliser.

Lisez le intro de l'article de blog squishit .

Voici un exemple de code permettant de restituer une seule balise <script> et une seule balise <link>. Ces deux éléments renverront à un fichier JS/CSS combiné et minifié.

<%= 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")
%>
2
jessegavin

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

  • Compresseur Yahoo YUI
  • Microsoft AJAX Minifier
  • Compilateur Google Closure (JavaScript uniquement)

Tous sont très puissants - vous pouvez les comparer assez facilement. Tous sont des outils en 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 aide également si vous n'êtes pas familiarisé avec l'utilisation des outils de ligne de commande.

Personnellement, j'ai toujours utilisé YUI Compressor .

1
Sean Moubry

Examinez cette comparaison des minificateurs JS et CSS pour choisir ce qui vous convient le mieux -

0
mvark

Celui-ci utilise l'algorithme de compression YUI:

http://www.jscompressor.com

0
Nitro

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

0
D4V360

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

0
HoLyVieR