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!