Ich weiß, dass es Möglichkeiten gibt, es dynamisch in die Seite zu laden , aber wenn ich meinen Code komprimieren möchte, damit er noch schneller geladen wird, wie mache ich das?
Ich weiß, dass es Möglichkeiten gibt, es dynamisch in die Seite zu laden , aber wenn ich meinen Code komprimieren möchte, damit er noch schneller geladen wird, wie mache ich das?
Antworten:
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.jsVerwenden Sie gzip .
Ich benutze das SquishIt- Projekt von Justin Etheredge . Es ist großartig! Nur für asp.net.
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")
%>Es gibt mehrere sehr beliebte Tools zum Komprimieren / Minimieren von JavaScript und CSS.
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 .
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.
Wenn Sie die Größe Ihrer Javascript-Dateien komprimieren möchten, können Sie Packer verwenden .
Überprüfen Sie diesen Vergleich der JS- und CSS-Minifier, um herauszufinden, was am besten zu Ihnen passt -
Dieser verwendet den YUI-Kompressor-Algorithmus:
{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?)