Schneiden Sie die Dateigröße mit diesen drei HTML -Minifikationstools aus

Schlüsselpunkte

• HTML -Komprimierung, der Prozess der Entfernung redundanter Elemente aus einem Dokument, kann die Dateigröße verringern und die Code -Wartbarkeit verbessern. Trotz einiger Kontroversen über seine Effektivität empfiehlt Googles PageSpeed ​​Insights diese Methode.
• Die drei Tools, die automatisch die HTML -Komprimierung durchführen können, sind minimiert, werden Peavys HTML -Miniifier und Kangax HTML -Miniifier. Jedes Tool verfügt über einzigartige Funktionen und Funktionen, z. B. das Entfernen von HTML -Kommentaren, unnötigen Attributen und Räumen.
• Verwenden der HTML -Komprimierung mit GZIPPing kann eine Technik zum Ersetzen doppelter Zeichenfolgen durch Zeiger die Dateigröße weiter reduzieren. Obwohl die Ergebnisse dieser beiden Techniken unterschiedlich sind, kann die Verwendung beider gleichzeitig eine kleine Menge von Bytes sparen.

Dieser Artikel ist Teil einer Reihe von Artikeln, die in Zusammenarbeit mit SiteGround erstellt wurden. Vielen Dank, dass Sie die Partner unterstützt haben, die SitePoint ermöglicht haben.

Obwohl es keinen klaren Konsens über die Vorteile der HTML -Komprimierung gibt, testen Sie Ihre Website auf Googles PageSpeed ​​-Erkenntnissen, aber Teil des Ergebnisses, das Sie erhalten, ist, dass Sie HTML, CSS und JavaScript komprimieren sollten.

Komprimierungsressourcen bedeutet, redundante Elemente zu entfernen, d. H. Browser verarbeiten korrekte Elemente, die vom Dokument nicht benötigt werden.

Wenden Sie dieses Konzept auf HTML -Dokumente an. Die Komprimierung kann:

umfassen

• HTML -Kommentare sowie Kommentare in Inline -CSS und JavaScript -Code
entfernen
HTML -Code und Leerzeichen in Inline -CSS und JavaScript
• entfernen
• unnötige Zitate löschen, leere Attribute usw.

Löschen Sie den CDATA -Abschnitt

Diese Operationen helfen dabei, die Dateigröße zu reduzieren und gleichzeitig den Code einfacher und wartbar zu halten.

Vergleich zwischen GZIPPing und komprimierten Ressourcen

Wenn Sie GZIP verwenden, lohnt es sich immer noch, HTML zu komprimieren?

Ein Argument gegen die HTML -Komprimierung ist, dass die Komprimierung von HTML -Seiten Räume und reduzierte Dateigröße entfernt hat. Dies macht Komprimierung ziemlich nutzlos.

Zunächst muss beachtet werden, dass diese beiden Operationen nicht gleich sind und nicht die gleichen Ergebnisse erzielen.

Das komprimierte Ergebnis erstellt eine Datei, die aus vollständig gültigem Code besteht, den der Browser wie eine unkomprimierte Version derselben Datei analysieren und ausführen kann. Andererseits

gzipping sucht nach allen doppelten Zeichenfolgen und ersetzt sie durch einen Zeiger auf die erste Instanz der Zeichenfolge. ... Im Netzwerk erfolgt GZIPPing direkt von Ihrem Server. ... Der Server komprimiert die Datei und sendet sie so über das Netzwerk. Der Browser empfängt die Datei und dekomprimiert sie vor der Verwendung. Chris Coyer auf CSS -Tricks

Das heißt, die Verwendung dieser beiden Techniken kann eine kleine Anzahl von Bytes sparen. Zum Beispiel diskutiert Mads Kristensen bei GZIPPing und den Auswirkungen der Komprimierung von HTML -Dateien ein kleines Experiment, das die HTML -Datei der HTML -Datei von Komprimieren und Komprimieren von vier beliebten Websites (d. H. Amazon.com, CNN.com, Twitter.com und Xbox.com) enthält. Die Ergebnisse zeigen, dass durch die Durchführung von Komprimierung und Komprimierung die Dateigröße um 9-16%reduziert wird.

Die folgenden Tools führen den Komprimierungsprozess automatisch für Sie durch.

minimieren Sie

Minimize ist ein Open Source Server-Side-HTML5-Kompressor basierend auf Node-HTMLParser2.

Dieses Tool:

• Kann den HTML5 -Code komprimieren (nicht alte HTML -Entwürfe, kein Inline -PHP -Code oder Vorlagendateien)
• Es ist sehr konfigurierbar
• kann zwischen den Bedingungen unterscheiden, dh Kommentare

… und so weiter. Weitere Informationen finden Sie auf der Projektseite auf GitHub.

Will Peavys HTML -Miniifier

HTML -Miniifier ist ein Online -HTML -Komprimierungs -Tool, das mit PHP erstellt wurde.

Um es zu verwenden, fügen Sie Ihr HTML in das Textfeld ein, einschließlich aller CSS und JavaScript, die Sie zum Tag hinzufügen können, und klicken Sie auf die Schaltfläche Kompress.

Um sicherzustellen, dass das Skript nach der Komprimierung weiterhin gültig ist

Kangax HTML Miniifier

Kangax HTML Miniifier ist ein auf JavaScript-basierter HTML-Kompressor mit leistungsstarken Merkmalen.

Dies sind nur einige der Funktionen dieses Tools:

HTML -Kommentare
• löschen
Kommentare in Stilen und Skripten
• löschen
Löschen Sie den CDATA -Abschnitt
• Löschen Sie die Anführungszeichen des Attributs
• unnötige Attribute
löschen
• leere Attribute löschen
• Eingabe über htmllint
überprüfen

Sie können jede Option entsprechend Ihren Anforderungen konfigurieren.

Um mehr über den HTML -Miniifier zu erfahren, finden Sie alle Informationen im HTML -Miniifier -Experiment von Kangax und perfektem Leiden.

Schlussfolgerung

Während es nicht so häufig ist wie das Komprimieren von CSS und JavaScript, ist die HTML -Komprimierung Teil der Empfehlungen von GoogleSpeed ​​Insights. Ob es sich lohnt, bleibt eine offene Frage.

In diesem Artikel habe ich drei Tools aufgelistet, mit denen Sie die Anzahl der Bytes auf einer Webseite reduzieren können, indem viele HTML -Komprimierungsaufgaben automatisiert werden.

Was ist mit Ihnen, denken Sie, dass das Komprimieren von HTML eine gute Idee ist? Was ist Ihr Lieblings -HTML -Komprimierungswerkzeug?

FAQs über HTML -Komprimierungswerkzeuge

Was ist die HTML -Komprimierung und warum ist es wichtig?

HTML -Komprimierung ist ein Prozess des Löschens unnötiger oder redundanter Daten aus einem HTML -Dokument, ohne die Funktionalität zu beeinflussen. Dies beinhaltet das Entfernen von Räumen, Zeilenpausen, Kommentare und Blockabschlüsse. Die Bedeutung der HTML -Komprimierung besteht darin, dass die Größe von HTML -Dateien reduziert und so das Laden der Website beschleunigt wird. Eine schnellere Ladegeschwindigkeit kann die Benutzererfahrung verbessern und das SEO -Ranking Ihrer Website verbessern.

Wie funktioniert HTML -Komprimierungstools?

HTML -Komprimierungstool reduziert die Gesamtdateigröße, indem sie Textteile einer Website analysieren und neu schreiben. Sie entfernen unnötige Zeichen wie Leerzeichen, Zeilenpausen und Kommentare, ohne die Funktionalität der Website zu ändern. Einige Tools bieten auch zusätzliche Funktionen wie CSS und JavaScript -Komprimierung sowie automatische HTML -Tidy, die Ihre Website weiter optimieren können.

Was sind einige der besten HTML -Komprimierungswerkzeuge?

Es sind mehrere HTML -Komprimierungswerkzeuge zur Verfügung, jeweils einzigartige Funktionen. Einige der beliebtesten Tools sind HTMLminifier, Miniify und CleanCSS. HTMLMinifier ist ein hochkonfigurierbarer, gut getesteter HTML-Kompressor von JavaScript. Miniify ist eine PHP5 -Anwendung, mit der Sie mehrere Regeln für die Kundenleistung befolgen können. Es kombiniert mehrere CSS- oder JavaScript -Dateien, entfernt unnötige Räume und Kommentare und bietet ihnen GZIP -Codierung und den besten Client -Cache -Header. CleanCSS ist ein leistungsstarker CSS -Optimierer und Formatierer.

Wird die HTML -Komprimierung meine Website -Funktionalität beeinflussen?

Wenn es richtig gemacht wird, sollte die HTML -Komprimierung Ihre Website -Funktionalität nicht beeinträchtigen. Es werden nur unnötige Zeichen entfernt, ohne die Funktionalität des Codes zu ändern. Es ist jedoch immer am besten, Ihre Website nach der Komprimierung zu testen, um sicherzustellen, dass alles richtig funktioniert. Einige Tools bieten auch eine Funktion "abgesicherter Modus", um nur eine sichere Optimierung zu gewährleisten.

Ist die HTML-Komprimierung ein einmaliger Prozess?

Nein, HTML-Komprimierung ist kein einmaliger Prozess. Jedes Mal, wenn Sie die HTML -Datei aktualisieren oder ändern, sollten Sie sie erneut komprimieren, um sicherzustellen, dass sie so optimiert wie möglich sind. Einige Tools bieten eine automatische Komprimierung, mit der Sie Zeit und Mühe sparen können.

Wird die HTML -Komprimierung SEO verbessern?

Ja, die HTML -Komprimierung kann die SEO Ihrer Website verbessern. Durch die Reduzierung der Größe von HTML -Dateien kann die Komprimierung das Laden der Website beschleunigen. Eine schnellere Ladegeschwindigkeit kann die Benutzererfahrung verbessern und das SEO -Ranking Ihrer Website verbessern.

Kann ich CSS und JavaScript und HTML gleichzeitig komprimieren?

Ja, viele HTML -Komprimierungswerkzeuge bieten auch CSS und JavaScript -Komprimierung. Auf diese Weise können Sie alle Aspekte Ihres Website -Code optimieren und die Ladezeit und die Gesamtleistung weiter verbessern.

Wie viel kann ich die Dateigröße mithilfe der HTML -Komprimierung reduzieren?

Die Reduzierung der Dateigröße hängt von der Größe der ursprünglichen HTML -Dateien ab und wie viel unnötige Daten sie enthalten. Sie können jedoch in der Regel erwarten, die Dateigröße um 10-20%zu reduzieren.

Welche Risiken sind mit der HTML -Komprimierung verbunden?

Das größte Risiko, das mit der HTML -Komprimierung verbunden ist, besteht darin, dass ein Fehler auftritt, wenn der Prozess nicht korrekt betrieben wird. Aus diesem Grund ist es immer am besten, Ihre Website nach der Komprimierung zu testen. Einige Tools bieten auch eine Funktion "abgesicherter Modus", um nur eine sichere Optimierung zu gewährleisten.

Benötigen alle Websites eine HTML -Komprimierung?

Während nicht alle Websites ausschließlich eine HTML -Komprimierung erfordern, ist es eine bewährte Methode zur Verbesserung der Ladezeit und -leistung der Website. Es ist besonders vorteilhaft für Websites mit großen HTML -Dateien oder für die Optimierung ihrer SEO.

Das obige ist der detaillierte Inhalt vonSchneiden Sie die Dateigröße mit diesen drei HTML -Minifikationstools aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!