Wie komprimiere ich mein JavaScript und / oder CSS?

Antworten:

3

Minify scheint der Standard zu sein. Hier ist ein Blog-Beitrag mit einer Erklärung zur Verwendung.

Travis Northcutt
quelle
8

Ich empfehle Google Closure Compiler zum Komprimieren von JavaScript-Code. Ich benutze es persönlich und es ist auch der offizielle Kompressor, der vom jQuery-Projekt verwendet wird.

Dieses Projekt kann ziemlich viel, aber die Grundlagen sind folgende:

java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
Mike
quelle
+1 tolle Antwort. Beachten Sie, dass Google Closure neben der Komprimierung von mehr als Yui Compressor auch häufige Javascript-Fehler erkennt, {1,2,3,}die Ihre Website in einem "bestimmten Browser" vollständig zerstören (ja, welcher andere Browser könnte möglicherweise so dumm sein?)
Thomas Bonini
3

Verwenden Sie gzip .

ilhan
quelle
Sie können HTML-Dateien, JavaScript, CSS sowie jede Textantwort (XML / JSON) gzipen. Dadurch wird die Antwortgröße verringert, wodurch die Geschwindigkeit Ihrer Website erhöht werden kann.
Sean Moubry
2

Ich benutze das SquishIt- Projekt von Justin Etheredge . Es ist großartig! Nur für asp.net.

  • Es verwendet YUI für die CSS- und Javascript-Komprimierung.
  • Es unterstützt WENIGER
  • Ich glaube, es unterstützt Google Closure
  • Es ist lächerlich einfach zu bedienen.

Lesen Sie das Intro zum Squishit-Blogbeitrag .

Hier ist ein Beispielcode, der ein einzelnes <script>Tag und ein einzelnes <link>Tag rendert. Beide verweisen auf eine kombinierte und minimierte JS / CSS-Datei.

<%= 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
quelle
Erwähnenswert ist, dass dies eine ASP.NET-Lösung ist.
David Bick
Ja, das habe ich im 3. Satz bemerkt.
Jessegavin
1

Es gibt mehrere sehr beliebte Tools zum Komprimieren / Minimieren von JavaScript und CSS.

  • Yahoo YUI Compressor
  • Microsoft AJAX Minifier
  • Google Closure Compiler (nur JavaScript)

Alle sind sehr mächtig - man kann sie ziemlich leicht vergleichen. Alle sind Befehlszeilentools, sodass sie beim Erstellen oder Veröffentlichen Ihrer Website problemlos automatisch in Ihren Lauf integriert werden können.

Sie können auch viele Websites finden, auf denen dieses Tool für Sie ausgeführt wird, wodurch Sie Zeit für die Installation / Konfiguration sparen. Dies ist auch hilfreich, wenn Sie mit der Verwendung von Befehlszeilentools nicht vertraut sind.

Persönlich habe ich immer YUI Compressor verwendet .

Sean Moubry
quelle
0

Fügen Sie Ihr gesamtes Javascript zu einer einzelnen Datei hinzu und komprimieren Sie es beispielsweise mit jsmin (http://www.crockford.com/javascript/jsmin.html). Tun Sie dies auch für Ihr CSS, verwenden Sie jedoch eine andere Komprimierungstechnik (Entfernen von Leerzeichen). Da dies eine langweilige, sich wiederholende Aufgabe ist, stehen Skripte zur Verfügung, die genau dies für Sie tun. Ich benutze Django und benutze Django-Assets, um diesen Prozess vollständig zu automatisieren.

D4V360
quelle
0

Wenn Sie die Größe Ihrer Javascript-Dateien komprimieren möchten, können Sie Packer verwenden .

HoLyVieR
quelle