Zuerst das tatsächliche Problem messen
PageSpeed-Werte allein erklären noch nicht, warum eine Seite langsam wirkt. Wichtig sind reale Kennzahlen wie Largest Contentful Paint, Interaction to Next Paint und Cumulative Layout Shift. Labortests helfen bei der Diagnose, Felddaten zeigen die Erfahrung echter Nutzer.
Das größte sichtbare Element priorisieren
Häufig ist ein großes Hero-Bild das entscheidende LCP-Element. Es sollte in passender Größe, komprimiert und ohne unnötiges Lazy Loading ausgeliefert werden. Weiter unten liegende Bilder dürfen dagegen verzögert laden.
Auch Webfonts, blockierendes CSS oder eine langsame Serverantwort können den sichtbaren Aufbau verzögern. Deshalb reicht es nicht, nur Bilder pauschal zu komprimieren.
JavaScript begrenzen
Slider, Tracking-Skripte, Chat-Widgets und umfangreiche Animationen erhöhen Download-, Parse- und Ausführungszeit. Jede externe Funktion sollte einen nachweisbaren Nutzen haben und möglichst erst geladen werden, wenn sie benötigt wird.
Servergerenderte Hauptinhalte und normale HTML-Links bleiben auch bei langsamem JavaScript verfügbar und erleichtern zusätzlich das Crawling.
Layoutsprünge verhindern
Bilder, Videos und dynamische Komponenten benötigen reservierte Abmessungen. Nachträglich eingeblendete Banner dürfen bereits sichtbare Inhalte nicht unerwartet verschieben. Stabile Layouts verbessern Nutzbarkeit unabhängig vom Messwert.
Server und Caching prüfen
Ein CDN, komprimierte Übertragung und sinnvolle Cache-Header verkürzen wiederholte Aufrufe. Gleichzeitig muss der Server HTML schnell erzeugen oder vorberechnete Seiten ausliefern können.
Optimierung ist abgeschlossen, wenn die Seite unter realistischen Bedingungen schneller und stabiler nutzbar ist – nicht wenn nur ein einzelner Testlauf eine möglichst hohe Zahl zeigt.