HTML-Dokument

Was wir prüfen

Wir laden das HTML der Startseite, also die erste Datei, die ein Browser abholt, und messen:

• Ladezeit vom Start der Anfrage bis zum letzten Byte des HTML, inklusive aller Weiterleitungen, DNS-Auflösung, Verbindungsaufbau, TLS-Handshake, Serverantwort und Download. Bilder, Schriften und Skripte zählen nicht dazu. Über 2 Sekunden gibt es eine Warnung.
• Grösse des HTML. Über 200 KB gibt es einen Hinweis, über 500 KB eine Warnung, über 2 MB einen schweren Mangel, weil Google das HTML dort abschneidet. Im Bericht siehst Du ausserdem, wie viel davon tatsächlich übertragen wurde, also nach der Komprimierung.
• Weiterleitungen bis zur Startseite. Ab zwei gibt es einen Hinweis.

Warum das wichtig ist

Das HTML ist das Fundament jeder Seite. Erst wenn der Browser es geladen hat, weiss er, welche Bilder, Schriften und Stylesheets er sonst noch braucht. Alles, was das HTML verzögert, verzögert die ganze Seite.

Weiterleitungen sind oft unsichtbar: Wer beispiel.ch eintippt, wird vielleicht erst auf https://beispiel.ch, dann auf https://www.beispiel.ch und schliesslich auf https://www.beispiel.ch/de/ weitergeleitet. Jeder Schritt ist eine eigene Anfrage, auf dem Smartphone jeweils 0.1 bis 0.5 Sekunden.

Grosses HTML braucht länger zum Übertragen und zum Verarbeiten. Ein gesundes HTML für eine Startseite ist meist zwischen 30 und 150 KB gross. Werte darüber entstehen, wenn Bilder direkt ins HTML eingebettet werden, Page-Builder umfangreiche Stilangaben in jede Seite schreiben oder Shop- und Buchungssysteme grosse Datenmengen mitliefern.

Ab etwa 2 MB kommt ein zweites Problem dazu: Googlebot liest nur die ersten 2 MB einer HTML-Datei. Alles, was danach kommt, etwa Texte, Links oder strukturierte Daten am Ende der Seite, existiert für Google nicht.

So behebst Du es

Weiterleitungen verkürzen

• Leite direkt auf die endgültige Adresse weiter, nicht in mehreren Schritten. Die Weiterleitung von http://beispiel.ch sollte in einem Schritt auf https://www.beispiel.ch/ führen.
• Verlinke in Anzeigen, Newslettern, auf Visitenkarten und in Social-Media-Profilen die endgültige Adresse.
• Leitet die Startseite auf eine Sprachversion wie /de/ weiter, prüfe, ob die deutsche Seite nicht direkt unter / erscheinen kann.

HTML verkleinern

• Lade Bilder als eigene Dateien, nicht eingebettet als data:-Adresse.
• Lagere grosse <style>- und <script>-Blöcke in eigene Dateien aus. Diese kann der Browser zwischenspeichern.
• Bei Page-Buildern helfen Optionen wie «CSS in externe Datei schreiben» (Elementor: «CSS-Ausgabemethode: Externe Datei»).
• Prüfe, ob die Startseite Elemente lädt, die gar nicht sichtbar sind, etwa versteckte Pop-ups, Mega-Menüs mit hunderten Links oder komplette Produktlisten.

Schnellere Serverantwort

Ist das HTML klein, aber trotzdem langsam, liegt es am Server. Mehr dazu im Artikel zur TTFB (Time to First Byte).

So prüfst Du es selbst

Öffne die Entwicklertools (F12), Reiter «Netzwerk», aktiviere «Log beibehalten» und lade die Seite neu. Die ersten Zeilen zeigen die Weiterleitungen (Status 301 oder 302) und das HTML-Dokument mit Grösse und Ladezeit.

Häufige Fragen

Warum ist das HTML so gross?

Meist stecken Dinge darin, die in eigene Dateien gehören: eingebettete Bilder (als lange Zeichenketten), grosse Stil- und Skriptblöcke oder Daten, die ein Page-Builder oder eine App mitliefert.

Wie viele Weiterleitungen sind in Ordnung?

Eine ist normal, etwa von http auf https. Ab zwei geben wir einen Hinweis, denn jede weitere kostet eine zusätzliche Anfrage, auf dem Smartphone oft spürbar.