Grösse der Startseite verkleinern: HTML schlank halten

Was ist die HTML-Grösse der Startseite?

Jede Webseite besteht aus einem HTML-Dokument. Es enthält die Texte, die Struktur und Verweise auf Bilder, Stile und Skripte. Die Grösse dieses Dokuments wird in Kilobyte (KB) gemessen. Sie zählt nur das Dokument selbst, nicht die Bilder oder separaten Dateien. Bei sauber gebauten Seiten ist das Dokument klein. Gross wird es, wenn viel Code direkt eingebettet ist, etwa Skripte, Stile oder ganze Grafiken im Text, wenn Baukasten und Plugins viel Zusatzcode erzeugen oder wenn die Seite sehr lange Inhalte auf einmal ausliefert.

Warum zählt das für Besucher, Google und KI-Assistenten?

Ein kleineres Dokument ist schneller beim Besucher und der Browser kann früher mit dem Darstellen beginnen. Besonders auf dem Handy mit schwachem Empfang macht das einen Unterschied. Google berücksichtigt die Geschwindigkeit als Teil der Seitenerfahrung. Das ist ein relativ kleiner Faktor, aber eine schlanke Seite hilft dabei. KI-Crawler und Suchmaschinen holen Seiten automatisiert ab. Sehr grosse Dokumente mit viel technischem Beiwerk machen es schwerer, den eigentlichen Text zu finden. Eine klare, kompakte Seite lässt sich in der Regel einfacher auslesen.

So prüfen Sie es selbst

Öffnen Sie Ihre Startseite im Browser und drücken Sie F12. Im Reiter «Netzwerk» laden Sie die Seite neu und klicken auf den ersten Eintrag, das ist Ihr HTML-Dokument. Dort sehen Sie die Grösse. Meist werden zwei Werte angezeigt: die übertragene Grösse (komprimiert) und die ausgepackte Grösse. Der Gratis-Check von KI-Sichtradar bewertet die ausgepackte Grösse, so wie sie nach dem Empfang vorliegt. Mit der Funktion «Seitenquelltext anzeigen» (Strg+U) sehen Sie, woraus das Dokument besteht, und erkennen lange eingebettete Blöcke.

# Mac oder Linux: ausgepackte Grösse der Startseite in Bytes
curl -s https://ihre-firma.ch/ | wc -c

So beheben Sie es

Gehen Sie von gross nach klein vor. Lagern Sie eingebettete Skripte und Stile in eigene Dateien aus, die der Browser getrennt zwischenspeichern kann. Entfernen Sie Plugins und Erweiterungen, die Sie nicht brauchen, denn viele fügen Code in jede Seite ein. Prüfen Sie, ob Bilder als Text im Dokument eingebettet sind, und laden Sie sie lieber als eigene Dateien. Bei sehr langen Seiten kann es sinnvoll sein, Inhalte auf mehrere Seiten zu verteilen. Diese Arbeiten sollte die Person machen, die Ihre Website betreut, nach einer vollständigen Sicherung.

1. Machen Sie vor jeder Änderung eine vollständige Sicherung der Website.
2. Messen Sie die aktuelle Grösse im Netzwerk-Reiter und notieren Sie den Wert.
3. Schauen Sie im Seitenquelltext nach langen eingebetteten Blöcken aus Skripten, Stilen oder Bilddaten.
4. Lassen Sie diese Blöcke von Ihrem Webdesigner in eigene Dateien auslagern.
5. Deaktivieren Sie nicht benötigte Plugins und Erweiterungen und prüfen Sie die Seite danach.
6. Messen Sie erneut und vergleichen Sie mit dem Ausgangswert.