Technology
Website-Performance und Core Web Vitals: Warum jede Sekunde zählt
Drei Sekunden. So viel Zeit gebt ihr einer Website, bevor ihr entscheidet: bleiben oder gehen. Euren Besuchern geht es genauso. Google sieht das nicht anders: seit 2021 fließen die Core Web Vitals als direkter Rankingfaktor in die Suchergebnisse ein.
Performance ist kein Nice-to-have. Sie ist die Grundlage für alles andere: Nutzererlebnis, Conversion, SEO, Umsatz. Hier zeigen wir, warum Geschwindigkeit so wichtig ist, wo die häufigsten Bremsen sitzen und was ihr konkret tun könnt.
Was langsame Websites wirklich kosten
Die Zahlen sind eindeutig. Eine Ladezeit über drei Sekunden erhöht die Absprungrate um bis zu 32 Prozent. Bei fünf Sekunden sind es 90 Prozent. Amazon hat errechnet, dass jede zusätzliche 100 Millisekunden Ladezeit ein Prozent Umsatz kostet.
Auch für B2B-Websites und Dienstleister gilt: Wer langsam lädt, wirkt unprofessionell. Besucher schließen von der Performance auf die Qualität eurer Arbeit. Ob das fair ist oder nicht.
Dazu der SEO-Effekt: Google nutzt die Core Web Vitals als Rankingfaktor. Langsame Seiten ranken bei sonst gleicher Qualität schlechter. In umkämpften Nischen kann das den Unterschied zwischen Seite 1 und Seite 2 machen.
Die drei Core Web Vitals
Largest Contentful Paint (LCP)
Was es misst: Wie lange dauert es, bis das größte sichtbare Element geladen ist, typischerweise ein Hero-Bild oder eine große Überschrift.
- Gut: unter 2,5 Sekunden
- Verbesserungsbedürftig: 2,5 bis 4 Sekunden
- Schlecht: über 4 Sekunden
Interaction to Next Paint (INP)
Was es misst: Wie schnell die Seite auf Interaktionen reagiert: Klicks, Taps, Tastatureingaben. INP hat 2024 die alte FID-Metrik abgelöst und bewertet alle Interaktionen während des Besuchs.
- Gut: unter 200 Millisekunden
- Verbesserungsbedürftig: 200 bis 500 Millisekunden
- Schlecht: über 500 Millisekunden
Cumulative Layout Shift (CLS)
Die drei Werte gehören damit zum Pflichtprogramm im technischen SEO.
Was es misst: Ob sich Elemente während des Ladens verschieben. Jeder kennt das: Ihr wollt klicken, aber alles rutscht nach unten, weil ein Bild oder eine Anzeige nachlädt.
- Gut: unter 0,1
- Verbesserungsbedürftig: 0,1 bis 0,25
- Schlecht: über 0,25
Die häufigsten Performance-Bremsen
Unoptimierte Bilder
Der häufigste Übeltäter. Ein einzelnes Hero-Bild mit 5 MB kann die Ladezeit verdoppeln. Wenn dann noch 20 weitere Bilder sofort geladen werden, wird es richtig langsam.
Was hilft: Bilder in WebP oder AVIF ausliefern. Lazy Loading, damit Bilder erst beim Scrollen geladen werden. Responsive Bilder mit `srcset`, damit Smartphones nicht die Desktop-Version laden. Vor dem Upload komprimieren (Squoosh, ShortPixel).
Zu viel JavaScript
Jedes Plugin, jedes Tracking-Script, jedes Chat-Widget lädt JavaScript. Und JavaScript blockiert den Seitenaufbau. Eine typische WordPress-Site mit 15 Plugins, Google Analytics, Tag Manager, Cookie-Banner, Chat-Widget und Social-Embeds lädt schnell 2 bis 3 MB JavaScript.
Was hilft: Ungenutzte Plugins entfernen. JavaScript defer oder async laden. Scripts nur dort, wo sie gebraucht werden. Den Tag Manager aufräumen.
Schlechtes Hosting
Ein Drei-Euro-Shared-Hosting teilt sich den Server mit Hunderten anderen Websites. In Stoßzeiten wird es langsam, die Time-to-First-Byte steigt. Server-Standort zählt auch: ein US-Server liefert nach Deutschland deutlich langsamer als ein Server in Frankfurt.
Was hilft: Managed WordPress-Hosting mit deutschen Servern. Raidboxes, FLAVOR oder Kinsta sind gute Optionen. Die 20 bis 50 Euro pro Monat zahlen sich schnell aus und gehören in jedes Paket für Hosting & Wartung.
Fehlendes Caching
Ohne Caching wird jede Seite bei jedem Besuch neu generiert. Wie ein Restaurant, das jedes Mal die Speisekarte neu druckt.
Was hilft: Server-seitiges Caching aktivieren. Browser-Caching konfigurieren. Bei WordPress: Caching-Plugin oder eingebautes Caching des Hosters nutzen.
Render-Blocking Resources
CSS und JavaScript im `<head>` blockieren den Seitenaufbau. Der Browser wartet, bis alle Dateien heruntergeladen und verarbeitet sind.
Was hilft: Critical CSS inline laden, Rest asynchron nachladen. JavaScript mit `defer` oder `async`. Google Fonts lokal hosten statt von Google-Servern. Das ist Handarbeit in der Webentwicklung und kein Plugin-Schalter.
CLS-Verursacher
Bilder ohne feste Größenangaben, nachladende Werbebanner, Webfonts mit Flash of Unstyled Text, dynamisch eingefügte Inhalte oberhalb des Folds.
Was hilft: Immer `width` und `height` für Bilder/Videos, oder `aspect-ratio` in CSS. Webfonts mit `font-display: swap` und Preload. Platzhalter für nachladende Inhalte reservieren.
Wenn ihr nicht selbst in die Optimierung einsteigen wollt: Wir übernehmen die Performance-Optimierung für euch, vom Audit bis zur Umsetzung konkreter Verbesserungen.
Performance messen: Die wichtigsten Tools
Der Einstieg ist Google PageSpeed Insights. Das Werkzeug analysiert einzelne URLs und zeigt sowohl Labordaten aus einem Testlauf als auch Felddaten von echten Nutzern. Die Felddaten sind die aussagekräftigeren, weil sie euren tatsächlichen Besuchern entsprechen und nicht einer idealen Umgebung.
Für den Überblick über die ganze Website nehmt ihr den Core-Web-Vitals-Bericht der Search Console, getrennt nach Mobil und Desktop. Wenn ihr wissen wollt, woran es konkret liegt, liefert Lighthouse detaillierte Audits mit Vorschlägen und GTmetrix ein Wasserfalldiagramm, in dem sichtbar wird, welche Ressource wie lange blockiert.
WebPageTest schließlich testet von verschiedenen Standorten und Geräten aus. Für internationale Websites ist das der einzige Weg, herauszufinden, wie sich die Seite außerhalb Deutschlands anfühlt.
Tipp: Messt nicht nur die Startseite. Prüft verschiedene Seitentypen. Die Werte unterscheiden sich oft erheblich.
Der Optimierungsprozess
Optimierung ist kein einmaliges Projekt, sondern ein Kreislauf.
Zuerst messt ihr den Ist-Zustand: LCP, INP, CLS. Das sind eure Benchmarks. Dann identifiziert ihr die größten Bremsen. Meist Bilder und JavaScript. Priorisiert nach Impact. Was bringt die größte Verbesserung mit dem geringsten Aufwand?
Setzt die Maßnahmen um, idealerweise auf einer Staging-Umgebung. Messt erneut, vergleicht mit den Benchmarks. Wiederholt den Prozess regelmäßig. Neue Inhalte, Plugins und Updates können die Performance jederzeit verschlechtern.
Quick Wins für sofortige Verbesserung
Wenn ihr schnell Ergebnisse seht wollt:
- Bilder komprimieren und in WebP konvertieren (50 bis 80 Prozent Ersparnis)
- Ungenutzte Plugins deaktivieren und löschen
- Caching aktivieren
- Google Fonts lokal hosten
- Lazy Loading für Bilder und Videos aktivieren
Diese fünf Maßnahmen können die Ladezeit um 30 bis 50 Prozent reduzieren, ohne tiefgreifende Änderungen.
Fazit: Performance ist kein Luxus
Eine schnelle Website ist Voraussetzung für zufriedene Besucher, gute Rankings und erfolgreiche Conversions. Die meisten Performance-Probleme lassen sich mit überschaubarem Aufwand beheben. Fangt mit den Quick Wins an und messt das Ergebnis. Oft reichen wenige Stunden Arbeit, um die Ladezeit zu halbieren.
Marcel und Olli leiten die Agentur. Sie beantworten eure erste Anfrage.
Ihr wollt wissen, wie schnell eure Website wirklich ist? Sprecht uns an. Wir machen einen Performance-Audit mit konkreten Empfehlungen.