Minify HTML - HTML reduzieren
Die Länge des HTML-Codes hat ebenfalls einen Einfluss auf die Ladezeit einer Webseite, denn je länger der HTML-Quellcode ist, desto größer ist diese „Datei“ und damit deren Ladezeit. Somit moniert das google PageSpeed Tool diesen Punkt bei vielen Webseiten.
Oftmals ist der HTML-Code einer Webseite so aufgebaut das er übersichtlich, verständlich und leicht änderbar ist, sehr zum Nachteil der Ladezeit.
Dies kann jeder selbst überprüfen. Kopiert einfach den Quellcode in eine Datei und den optimierten HTML Quellcode in eine andere Datei. Nun vergleicht Ihr die beiden Dateigrößen und werdet feststellen das die optimierte Version kleiner ist.
HTML Quellcode minimieren
Um den Punkte Minify HTML zu erfüllen muss man eigentlich nur den HTML Quellcode von unnötigen Kommentaren, Leerzeichen und Zeilenumbrüchen befreien. Damit wird der HTML Code schlanker und dessen Ladezeit reduziert sich, jedoch verschlechtert sich die Übersichtlichkeit (diesen Kompromiss muss man leider eingehen).
Um den HTML Quellcode zu minieren kann man verschiedene Herangehensweisen nutzen. Zum einen kann jeder den Quellcode manuell um unnötige Kommentare, Leerzeilen und Zeilenumbrüche befreien oder zum anderen ein Onlinetool dazu nutzen.
Bei einigen Content Management Systemen gibt es fertige Plugins die den HTML Code minimieren. Dazu braucht nur das entsprechende Plugin installiert und aktiviert werden. Fertig.
Bei einigen Onlinetools mit denen der HTML Code automatisch minimiert wird, kann es passieren dass der Quellcode dann nicht mehr valide ist. Daher nach der Minify HTML Aktion unbedingt noch einmal die optimierte Webseite durch den W3C Validator jagen und mögliche Fehler ausbessern.
Tools:
validator.w3.org
Mit dem w3c.validator lässt sich die eigene Webseite auf HTML-Quellcode Fehler prüfen. Als Ergebnis bekommt Ihr eine schöne Übersicht zu gefundenen Fehlern, Meldungen und Hinweise diese zu entfernen.
validator.w3.org
