Drei Sekunden. So lange geben die meisten Nutzer einer Webseite, bevor sie abspringen und zum nächsten Suchergebnis wechseln. Laut Google verlassen 53 Prozent der mobilen Besucher eine Seite, die länger als drei Sekunden zum Laden braucht. Jede zusätzliche Sekunde Ladezeit reduziert die Conversion Rate um durchschnittlich 7 Prozent. Und seit 2021 ist die Ladegeschwindigkeit — gemessen durch die Core Web Vitals — ein offizieller Google-Ranking-Faktor.
Die Botschaft ist klar: PageSpeed ist kein technisches Detail, sondern ein geschäftskritischer Faktor. Eine langsame Webseite kostet Sie buchstäblich Geld — in Form von verlorenen Besuchern, schlechteren Rankings und niedrigeren Conversion Rates.
In diesem Beitrag zeigen wir Ihnen 10 konkrete Maßnahmen, mit denen Sie Ihre Webseite messbar schneller machen — praxisnah, verständlich und sofort umsetzbar.
Core Web Vitals: Die Metriken, die Google misst
Bevor wir zu den Maßnahmen kommen, müssen Sie die drei Kennzahlen kennen, die Google zur Bewertung Ihrer Seitenperformance verwendet — die sogenannten Core Web Vitals:
- Largest Contentful Paint (LCP): Misst, wie lange es dauert, bis das größte sichtbare Element der Seite (meist ein Bild oder eine Headline) geladen ist. Zielwert: unter 2,5 Sekunden.
- Interaction to Next Paint (INP): Misst die Reaktionsfähigkeit der Seite auf Nutzerinteraktionen. Wie schnell reagiert die Seite, wenn jemand auf einen Button klickt oder ein Menü öffnet? Zielwert: unter 200 Millisekunden.
- Cumulative Layout Shift (CLS): Misst visuelle Stabilität. Springen Elemente auf der Seite nach dem Laden herum? Das passiert oft, wenn Bilder ohne definierte Größenangaben geladen werden oder Werbebanner nachträglich eingefügt werden. Zielwert: unter 0,1.
Diese drei Metriken bestimmen, ob Google Ihre Seite als „gut", „verbesserungswürdig" oder „schlecht" einstuft. Seiten mit guten Core Web Vitals haben einen nachweisbaren Ranking-Vorteil.
10 Maßnahmen für eine schnellere Website
Maßnahme 1: Bilder optimieren — der größte Hebel
Bilder sind in den allermeisten Fällen der Hauptgrund für langsame Webseiten. Ein nicht optimiertes Foto von der Digitalkamera kann 5 bis 10 MB groß sein — viel zu viel für eine Webseite. Hier sind die konkreten Schritte:
- Modernes Format verwenden: WebP ist das optimale Format für das Web — es bietet 30 Prozent kleinere Dateigrößen als JPEG bei gleicher Qualität. AVIF geht noch weiter mit bis zu 50 Prozent Einsparung, wird aber noch nicht von allen Browsern unterstützt. Verwenden Sie das Picture-Element für automatische Formaterkennung.
- Richtige Größe: Ein Bild, das auf der Seite 800 Pixel breit angezeigt wird, muss nicht 4000 Pixel breit sein. Liefern Sie Bilder in der tatsächlich benötigten Größe aus — idealerweise responsiv mit srcset.
- Komprimierung: Eine Qualitätsstufe von 75 bis 85 Prozent ist für die meisten Webbilder ausreichend. Der Qualitätsunterschied zu 100 Prozent ist mit dem Auge kaum erkennbar, die Dateiersparnis aber enorm.
- Lazy Loading: Bilder, die erst beim Scrollen sichtbar werden, sollten erst dann geladen werden. Das native loading="lazy" Attribut macht dies ohne JavaScript möglich. Achtung: Das Hero-Bild above the fold sollte nicht lazy geladen werden.
Maßnahme 2: CSS und JavaScript minimieren und komprimieren
Jedes Kilobyte an CSS und JavaScript muss vom Browser heruntergeladen und verarbeitet werden. Minimierung entfernt alle unnötigen Leerzeichen, Kommentare und Zeilenumbrüche aus Ihrem Code. Komprimierung (Gzip oder Brotli) reduziert die Dateigröße zusätzlich um 60 bis 80 Prozent bei der Übertragung.
Achten Sie auch darauf, unbenutztes CSS und JavaScript zu entfernen. Tools wie Chrome DevTools Coverage zeigen Ihnen genau, welcher Code auf einer Seite tatsächlich verwendet wird — und welcher nur unnötig mitgeladen wird.
Maßnahme 3: Browser-Caching richtig konfigurieren
Wenn ein Besucher Ihre Seite zum zweiten Mal aufruft, müssen nicht alle Ressourcen erneut heruntergeladen werden — vorausgesetzt, Ihr Browser-Caching ist korrekt konfiguriert. Setzen Sie Cache-Control-Header für statische Ressourcen: CSS, JavaScript, Bilder und Schriften können für Monate oder sogar ein Jahr gecacht werden. Verwenden Sie Content-Hashes in Dateinamen, damit bei Änderungen automatisch die neue Version geladen wird.
Maßnahme 4: Content Delivery Network (CDN) einsetzen
Ein CDN verteilt Ihre statischen Dateien auf Server weltweit. Wenn ein Besucher aus München Ihre Seite aufruft, werden die Dateien vom nächstgelegenen Server ausgeliefert — nicht von einem Server in den USA. Das reduziert die Latenz erheblich, besonders für Besucher, die weit von Ihrem Hosting-Server entfernt sind.
Dienste wie Cloudflare bieten kostenlose CDN-Funktionalität und bringen zusätzlich DDoS-Schutz und automatische Bildoptimierung mit.
Maßnahme 5: HTTP-Anfragen reduzieren
Jede Datei, die Ihre Seite lädt — CSS, JavaScript, Bilder, Schriften, externe Scripts — erfordert eine separate HTTP-Anfrage. Und jede Anfrage braucht Zeit für den Verbindungsaufbau, die Übertragung und die Verarbeitung. Reduzieren Sie die Anzahl der Anfragen durch Kombination von CSS- und JavaScript-Dateien, Verwendung von CSS Sprites oder Icon-Fonts für Icons statt einzelner Bilddateien, Inline-Einbindung von kritischem CSS und kritisches Hinterfragen jedes externen Scripts. Brauchen Sie wirklich Google Tag Manager, Facebook Pixel, Hotjar, Chat-Widget und drei Analytics-Tools gleichzeitig?
Maßnahme 6: Server-Antwortzeit optimieren (TTFB)
Die Time to First Byte (TTFB) misst, wie lange der Server braucht, um auf eine Anfrage zu antworten. Ein langsamer Server macht alle anderen Optimierungen zunichte. Maßnahmen zur Verbesserung der Server-Antwortzeit umfassen qualitatives Hosting mit SSD-Speicher und ausreichend RAM, Server-seitiges Caching für dynamische Inhalte, aktuelle PHP-Version (bei WordPress mindestens PHP 8.2), Datenbankoptimierung und Vermeidung von Shared Hosting bei professionellen Webseiten.
Der Zielwert für TTFB liegt bei unter 200 Millisekunden. Wenn Ihr Server langsamer antwortet, sollten Sie über einen Hosting-Wechsel nachdenken.
Maßnahme 7: Web Fonts optimieren
Schriften können ein überraschend großer Performance-Killer sein. Eine einzelne Google-Font-Familie mit allen Varianten kann mehrere hundert Kilobyte groß sein. Optimierungsmöglichkeiten:
- Nur benötigte Varianten laden: Wenn Sie nur Regular und Bold verwenden, laden Sie nicht auch Light, Medium, SemiBold und ExtraBold.
- Subset erstellen: Laden Sie nur die Zeichen, die Sie tatsächlich brauchen — für deutsche Webseiten reicht meist der lateinische Zeichensatz.
- Font-Display: swap: Zeigt zunächst eine Systemschrift an, bis die Webfont geladen ist. Das verhindert unsichtbaren Text (FOIT).
- Fonts selbst hosten: Statt Google Fonts über die Google-CDN zu laden, hosten Sie die Fonts selbst. Das spart einen DNS-Lookup und ist DSGVO-konform.
- Variable Fonts verwenden: Eine Variable-Font-Datei ersetzt mehrere statische Font-Dateien und ist in der Summe kleiner.
Maßnahme 8: Critical CSS und Render-Blocking eliminieren
Critical CSS ist der minimale CSS-Code, der benötigt wird, um den sichtbaren Bereich der Seite (above the fold) zu rendern. Indem Sie diesen kritischen CSS-Code direkt inline im HTML-Head einbetten, kann der Browser den sichtbaren Bereich sofort rendern — ohne auf externe CSS-Dateien warten zu müssen.
Render-Blocking Resources — CSS- und JavaScript-Dateien, die das Rendern der Seite blockieren — sind einer der häufigsten Gründe für schlechte LCP-Werte. Laden Sie nicht-kritisches CSS mit media-Attributen oder asynchron und JavaScript-Dateien mit den Attributen async oder defer.
Maßnahme 9: Drittanbieter-Scripts auditieren
Externe Scripts sind oft die versteckten Performance-Killer. Jedes eingebundene Tool — Analytics, Tag Manager, Chat-Widgets, Social-Media-Buttons, Werbetracker — bringt eigenes JavaScript mit und öffnet Verbindungen zu externen Servern. Ein typisches Problem: Die Webseite selbst ist in 0,8 Sekunden geladen, aber durch Drittanbieter-Scripts steigt die Gesamtladezeit auf 4 Sekunden.
Auditieren Sie regelmäßig alle externen Scripts. Fragen Sie sich bei jedem Script: Wird es wirklich genutzt? Gibt es eine leichtgewichtigere Alternative? Kann es verzögert geladen werden? Die Antwort ist überraschend oft, dass Scripts entfernt oder optimiert werden können.
Maßnahme 10: Das richtige Hosting und die richtige Technologie wählen
Die Technologie- und Hosting-Entscheidung bestimmt die Performance-Obergrenze Ihrer Webseite. Moderne Frameworks wie Next.js erzeugen statische HTML-Seiten, die über CDNs in Millisekunden ausgeliefert werden. Ein WordPress mit Page Builder auf einem Shared-Hosting-Server hat dagegen strukturelle Performance-Nachteile, die durch keine Optimierung vollständig kompensiert werden können.
Wenn Sie vor einem Relaunch oder Neuaufbau stehen, sprechen Sie mit unseren Webdesign-Experten über die optimale Technologie für Ihre Anforderungen.
Tools zur PageSpeed-Messung
Um Ihre Fortschritte zu messen, nutzen Sie diese bewährten Tools:
- Google PageSpeed Insights: Das offizielle Google-Tool, das sowohl Lab-Daten als auch echte Nutzerdaten (CrUX) anzeigt. Gibt konkrete Optimierungsvorschläge.
- GTmetrix: Detailliertere Analyse mit Wasserfall-Diagramm, das genau zeigt, welche Ressourcen wie lange zum Laden brauchen.
- WebPageTest: Erlaubt Tests von verschiedenen Standorten und mit verschiedenen Verbindungsgeschwindigkeiten. Besonders nützlich für die Analyse des Ladeprozesses.
- Chrome DevTools (Lighthouse): Direkt im Browser verfügbar. Der Performance-Tab zeigt in Echtzeit, welche Ressourcen geladen werden und wo Engpässe liegen.
- Google Search Console (Core Web Vitals Report): Zeigt die Core Web Vitals Ihrer gesamten Webseite basierend auf echten Nutzerdaten.
Die Reihenfolge macht den Unterschied
Nicht alle Maßnahmen haben den gleichen Effekt. Wenn Ihre Seite aktuell langsam ist, beginnen Sie mit den Maßnahmen, die den größten Impact haben:
- Bilder optimieren — oft der größte einzelne Hebel, einfach umzusetzen.
- Hosting prüfen — wenn der Server langsam ist, bringt alles andere wenig.
- Drittanbieter-Scripts auditieren — entfernen, was nicht gebraucht wird.
- CSS/JS minimieren und komprimieren — schneller Gewinn mit wenig Aufwand.
- Critical CSS und Render-Blocking — für bessere LCP-Werte.
Fazit: Geschwindigkeit ist ein Wettbewerbsvorteil
In einer Welt, in der die Aufmerksamkeitsspanne kürzer wird und Google schnelle Seiten belohnt, ist PageSpeed-Optimierung kein optionales Extra — es ist eine Kernaufgabe. Die gute Nachricht: Die meisten Webseiten haben enormes Optimierungspotenzial. Schon die Umsetzung von drei bis vier der hier genannten Maßnahmen kann Ihre Ladezeit halbieren.
Wenn Sie Ihre Ladezeit optimieren möchten, aber nicht wissen, wo Sie anfangen sollen — unsere SEO- und Performance-Experten analysieren Ihre Webseite und erstellen einen priorisierten Maßnahmenplan. Kontaktieren Sie uns für ein kostenloses Performance-Audit.