Jeder Webmaster kennt das Problem - der verwendete HTML-Editor erzeugt eine Menge unbrauchbarer Tags, die lediglich den Quelltext überfüllen - aber eigentlich keinerlei praxisrelevante Bedeutung haben.

Diese Bereinigung des Sourcecodes ist im Endeffekt oftmals irrelevant - wenn bei einer Webseite 99% aller Besucher einen gängigen "großen" Browser benutzen, dann ist die Bereinigung sogar absolut überflüssig. 

Dies liegt daran, dass die HTMl-Editoren verschiedene Tags benutzen, die im eigentlichen "standartisierten" HTML 4.0 [aktuelle Version] nicht implementiert sind. Die "großen" Browser weisen aber mittlerweile eine sehr hohe Fehlertoleranz auf, so dass die Webseite trotzdem tadellos dargestellt werden kann.

Meist werden aber professionell erstellte Firmenpräsenzen bereinigt. Dies ist sinnvoll, da man der Firma keine "fehlertolerante" sondern eine perfekte Webseite präsentieren will - wenn es bei der Firma "sachkundige" Mitarbeiter gibt, dann wäre es außerdem peinlich, wenn man von diesem Mitarbeiter auf den "zugemüllten" Quelltext angesprochen wird.

Für Webmaster, die einen wirklich "sauberen" Quelltext haben wollen, gibt es 3 verschiedene Möglichkeiten, dies zu erreichen.

HTML-Sourcecode selbst schreiben für kürzere Ladezeiten ?

Jeder ASCII-Editor kann zum Programmieren von HTML-Quelltexten benutzt werden. Wer also über die entsprechende Fachkenntnis verfügt, der kann problemlos auch größere Webseiten selbst schreiben. 

Ein eindeutiger Nachteil dieser Methode ist die unkomfortable Benutzeroberfläche der ASCII-Editoren, da diese nicht unbedingt für diese Verwendung ausgelegt sind. 

Wenn man beispielsweise ein Web mit 500 Unterseiten in einem ASCII-Editor schreiben will, dann benötigt man eine halbe Ewigkeit für diese Arbeit, da selbst elementare Verzeichnisstrukturen etc. nicht direkt eingesehen werden können - sprich: der Überblick über die Seitenstrukturen dürfte wohl bei jedem verloren gehen.

Kleinere Firmenpräsenzen lassen sich aber für jeden fortgeschrittenen Webmaster problemlos in einem ASCII-Editor realisieren.

Ladezeit-Tipp : Code von HTML-Editoren manuell bereinigen

Wenn man die grundlegenden Fachbegriffe und Tags von HTML kennt, dann kann man selbstverständlich auch den Editoren-Quelltext von Hand bereinigen. Um dabei nicht den Überblick zu verlieren, sollte man zu aller erst eine visuelle Bereinigung durchführen. Dazu richtet man jede Zeile des Quelltextes [ ohne Leerzeichen ] am linken Seitenanfang aus. Daraufhin kann man z.B. die HTML-Tags des Menüs von denen des Inhaltes optisch trennen. Dies erfolgt meist durch eine Anmerkung, die für den normalen User unsichtbar bleibt. Diese erfolgt normalerweise durch die Tags: <!-- Start Menü --> <!-- Ende Menü -->. Wenn die erste visuelle Bereinigung erfolgt ist, dann kann man beispielsweise noch Leerzeilen entfernen und vor allem die Zeichen, die nicht benötigten Zeichen, die der HTML-Editor eingefügt hat, entfernen. Diese Zeichen sind von Editor zu Editor und von Version zu Version so unterschiedlich, dass die Aufzählung der Zeichen den Umfang dieses Glossars deutlich sprengen würde. 

Wer absolut sicher sein will, der kann seinen Quelltext von einem unabhängigen Tool testen lassen. Das Tool überprüft den gesamten Quelltext auf HTML 4.0-Kompatibilität und zeigt die nicht kompatiblen Tags an. Eines der besten Tools finden Sie unter dem externen Link: http://validator.w3.org/

Ladezeit-Optimierung : Code von HTML-Editoren maschinell bereinigen

Bei vielen Webseiten wäre eine manuelle Bereinigung viel zu zeitaufwend. In diesem Falle kann man den Quelltext auch durch ein Software-Tool überprüfen und zugleich bereinigen lassen. 

Der Vorteil dieser Tools ist, dass sie mit nur wenigen Handgriffen bedienbar sind und binnen wenigen Sekunden die HMTL-Seite in einer bereinigten Form ausgeben.

Der Nachteil dieser Tools liegt aber eindeutig darin, dass der Quelltext "zusammengequetscht" wird. Eine Übersichtliche Darstellung des Sourcecodes kann also wiederum nur dadurch ermöglicht werden, dass man wiederum selbst aktiv wird und den bereinigten Quelltext nochmals von Hand nachbearbeitet. 

Wenn man viele größere Webseiten bereinigen Muss, dann sollte man unbedingt ein Software-Tool benutzen und den Sourcecode nach der Bereinigung durch das Tool nochmals manuell überarbeiten - das spart Zeit und macht zudem einen äußerst professionellen Eindruck bei allen Leuten, die den Quelltext betrachten.

Bereinigte HTML-Seiten haben deutliche Vorteile

Wer eine bereinigte und gut strukturierte Webseite online stellt, der hat einen klaren Vorteil - die Webseite ist deutlich schneller geladen und somit um ein Vielfaches benutzerfreundlicher als die unbereinigte Konkurrenz. 

Meist macht eine HTML-Bereinigung nur wenige Kilobyte pro HTML-Seite aus - aber, wenn man das Ausmaß bei einem Web mit 500 Einzelseiten betrachtet, so wird einem sehr schnell klar, dass es nicht nur deutliche Vorteile im Bereich der Ladezeiten-Optimierung sind, die diese Methode auszeichnet. 

Meist kann durch eine Optimierung des Quelltextes auch eine deutliche Verringerung des Traffics erreicht werden, was wiederum einen wirtschaftlichen Aspekt darstellt und somit nicht außer Acht gelassen werden sollte.

Meist werden bereinigte Webseiten von vielen Suchmaschinen einfacher aufgenommen, als unbereinigte Webseiten. Trotz steigender Fehlertoleranz der Suchmaschinen-Robots sollte man demnach diese Option einmal bedenken.

Trotz allem ist es so, dass eine Bereinigung meist nur bei im Auftrag einer Firma erstellten Webseiten erfolgt. Wer aber die Möglichkeit hat, eine Webseite kostengünstig und ohne großen Zeitaufwand [ nur von Profis ! ] hinsichtlich der Ladezeit optimieren zu lassen, der sollte diese unbedingt nutzen !

Sicherheitshinweis :

Vor der Bereinigung einer Webseite sollte man unbedingt eine Sicherheitskopie erstellt haben - bei der Bereinigung können unvorhersehbare Fehler auftreten, die den Verlust der gesamten Seitenstruktur und die Löschung von Inhalten zur Folge haben können.

Bitte wählen Sie nun einen der folgenden Artikel zum Thema Ladezeit-Optimierung :

Wie groß sollte die Ladezeit einer Webseite sein ?

Optimierung durch Bilddearbeitung

Optimierung von Bildern

Optimierung von Editoren-Quelltext

Zurück zur Ladezeit Übersichtsseite