Inhaltsverzeichnis
Ladezeit ist nicht gleich Ladezeit. Vergessen Sie pauschale Aussagen wie "Die Seite lädt in 2 Sekunden". Google berechnet die Geschwindigkeit und Nutzbarkeit einer Webseite mittlerweile anhand dreier extrem spezifischer Echtzeit-Messungen, die das Ranking im Algorithmus massiv beeinflussen: Die Core Web Vitals.
Die Ladezeit-Wahrheit: User Experience als Code
Google bewertet Webseiten nicht mehr danach, wie schnell der komplette HTML-Code geladen wurde (Load Event). Es zählt einzig und allein, wie der echte Mensch (User) den Seitenaufbau wahrnimmt. Ruckelt die Seite beim Scrollen? Springen Buttons weg, wenn man sie klicken will? Dauert es ewig, bis das Hauptbild erscheint? Das sind UX-Faktoren, die unter dem Begriff Core Web Vitals quantifiziert wurden.
1. LCP (Largest Contentful Paint)
Der LCP misst die Zeit, die der Webbrowser benötigt, um das **größte sichtbare visuelle Element** im initialen Sichtbereich (Above the Fold) vollständig darzustellen. Meistens ist das ein Hero-Banner (Bild) oder ein riesiger H1-Textblock.
Die Magische Grenze: 2.5 Sekunden
Um im LCP "grün" zu sein, muss dieses Haupt-Element in weniger als 2,5 Sekunden sichtbar sein. Dauert es länger als 4 Sekunden, straft Google ab.
Best Practices zur LCP-Optimierung:
- Preload Critical Assets: Das Hero-Image sollte via `` im `` priorisiert geladen werden.
- Kein Lazy Loading Before the Fold: Bilder ganz oben dürfen niemals das Attribut `loading="lazy"` besitzen.
- WebP & AVIF: Brutale Komprimierung der Bilder (oft 70% Ersparnis gegenüber JPG/PNG).
- Serverseitige Renderzeit (TTFB): Wenn der Server schon 2 Sekunden braucht, um überhaupt zu antworten, ist der LCP verloren. Schnelles Hosting oder CDN-Edge-Caching sind essenziell.
2. CLS (Cumulative Layout Shift)
Haben Sie schon einmal versucht, auf einem Smartphone einen Button zu klicken, und in der letzten Millisekunde lädt über dem Button ein Bild oder eine Werbung, der Button rutscht nach unten und Sie klicken auf die Werbung? Das ist ein Layout Shift. Es zerstört die User Experience.
Die Magische Grenze: 0.1
Google misst alle unerwarteten Verschiebungen des Layouts während des Ladens. Der Wert muss bei unter 0.1 liegen.
Best Practices zur CLS-Optimierung:
- Breite & Höhe vordefinieren: Jedes `
` oder `