2009-10-31 6 views
20

Kennt jemand einen guten Online-Generator, um den Quellcode einer HTML-Seite zu übernehmen und die gesamte Seite zu komprimieren/minimieren.HTML Online Minimizer/Kompressor?

Bedeutet, komprimieren/minimieren Sie alle eingebetteten CSS, JavaScript und natürlich den HTML-Code dieser Webseite, während Sie auch unnötige HTML/CSS/JavaScript-Kommentare, Leerzeichen, Tabs usw. entfernen?

+1

Ich würde mir nicht zu viele Gedanken über die Minification machen. Stellen Sie sicher, dass Sie zuerst Ihre Ausgabe gzip, da dies einen viel größeren Unterschied macht. – DisgruntledGoat

+4

@Disgrunled: Es ist eine beide/und Situation. Für beste Ergebnisse minimieren Sie * und * gzip.Nicht zu minimieren bedeutet, dass alle deine Kommentare veröffentlicht werden, oder du schreibst keine Kommentare, die beide in die Kategorie "Schlechte Idee" fallen. –

+0

@ T.J. Crowder: Sicher. Ich wollte nur darauf hinweisen, dass gzip wesentlich wichtiger ist als Minification, zumindest in der Größenordnung. Der Unterschied zwischen gzip allein und minify + gzip ist fast nichts. – DisgruntledGoat

Antwort

5

http://prettydiff.com/ - Dies ist in JavaScript geschrieben, so dass Sie es sofort in Ihrem Browser verwenden können.

+2

Entfernt keine Kommentare und lässt immer noch ein paar unnötige Leerzeichen (wie Zeilenumbrüche). –

+0

@ T.J. Crowder - Es entfernt Kommentare und der verbleibende Leerraum ist notwendig. Bitte lesen Sie die Dokumentation für eine Begründung. – austincheney

+0

Hey @Austin, schön dich hier zu sehen. Das Werkzeug, das ich zu der Zeit kommentiert habe, hat keine Kommentare entfernt (ich habe es getestet) und unnötige Zeilenumbrüche hinterlassen (tatsächlich gibt es in JS sans comments ** keine ** notwendigen Zeilenumbrüche; nur notwendige Semikolons). Das Tool sieht jetzt ganz anders aus und entfernt tatsächlich Kommentare und Zeilenumbrüche. Leider entfernt es Zeilenumbrüche an Stellen, an denen Semikolon eingefügt wird, ohne die erforderlichen Semikolons einzufügen - und ändert so den Code. [Beispiel] (http://jsbin.com/edurud0). * (Nicht dissing.) * Ich liebe die Idee eines sinnvollen Diff-Tools, sieht sehr nützlich aus. Am besten damit, –

0

Ein Duplikat von https://stackoverflow.com/questions/728260/html-minification?

Und wenn Sie nicht wirklich ein Online-Tool benötigen, dann sind das PageSpeed-Plugin für Firefox und der Yahho-Komprimierer beide wirklich gute Minifier. Auch das PageSpeed-Tool kann Ihnen Hinweise geben, was geändert werden soll und welche Änderung die größte Änderung der Geschwindigkeit/Größe zur Folge hat.

11

Juriy Zaytsev schrieb eine HTML-minifier in JavaScript, die Sie online auf dieser Seite verwenden können: http://kangax.github.com/html-minifier/

Da die Warnung sagt, es ist immer noch eine frühe Alpha, so könnte es sein Fehler. Verwenden Sie mit Vorsicht!

+2

Sie können mehr darüber hier lesen: http://perfectionkills.com/experimenting-with-html-minifier/ –

3

Es gibt einen Online-Komprimierer, der alle eingebetteten CSS- und JavaScript-Blöcke und auch den HTML-Code minimiert. Es erzeugt einen einzelnen Zeilenausgabecode, der als das Original rendert und die Dokumentenstruktur respektiert.

Es verwendet Yahoo YUI Compressor und Google Closure Compiler für JavaScript.

bestellen hier: HTMLcompressor.com

0

ich über ein Skript, das auf Ihre HTML minify wird, Inline CSS, Inline Javascript On The Fly.

prüfen Dynamic Website Compressor