PageSpeed-Optimierung — Machen Sie Ihre Website schneller im Jahr 2026

Warum Geschwindigkeit ein Ranking-Faktor ist

Google hat bestätigt, dass die Seitenladegeschwindigkeit das Ranking beeinflusst. Langsame Seiten frustrieren die Benutzer, und Google möchte die beste Benutzererfahrung bieten. Daten von Google zeigen, dass die Wahrscheinlichkeit, dass ein Benutzer die Seite verlässt, um 32 % steigt, wenn die Ladezeit von 1 auf 3 Sekunden ansteigt.

Es geht jedoch nicht nur um das Ranking. Die Geschwindigkeit wirkt sich direkt auf Ihre Erträge aus:

Conversions — Jede zusätzliche Sekunde Ladezeit reduziert die Conversions um bis zu 7 %
Absprungrate — 53 % der mobilen Nutzer verlassen eine Seite, die mehr als 3 Sekunden zum Laden benötigt
Benutzererfahrung — Schnelle Seiten wirken professionell und vertrauenswürdig

Core Web Vitals — Googles Geschwindigkeitsmetriken

Google misst die Geschwindigkeit mit drei Core Web Vitals Metriken:

LCP — Largest Contentful Paint

Misst, wann das größte sichtbare Element (typischerweise ein Bild oder eine Überschrift) fertig geladen ist.

Gut: Unter 2,5 Sekunden
Verbesserungsbedarf: 2,5 — 4,0 Sekunden
Schlecht: Über 4,0 Sekunden

INP — Interaction to Next Paint

Misst, wie schnell die Seite reagiert, wenn der Benutzer interagiert (klickt, tippt, scrollt).

Gut: Unter 200ms
Verbesserungsbedarf: 200 — 500ms
Schlecht: Über 500ms

CLS — Cumulative Layout Shift

Misst, wie sehr sich das Layout während des Ladens verschiebt. Sie kennen das Gefühl — Sie wollen auf etwas klicken, aber plötzlich bewegt sich der Inhalt und Sie treffen etwas anderes.

Gut: Unter 0,1
Verbesserungsbedarf: 0,1 — 0,25
Schlecht: Über 0,25

10 konkrete Optimierungstipps

1. Bilder optimieren

Bilder sind typischerweise die größten Übeltäter. Verwenden Sie moderne Formate wie WebP oder AVIF, die die Dateigröße um 30-50 % reduzieren können, ohne sichtbaren Qualitätsverlust.

Komprimieren Sie alle Bilder vor dem Hochladen
Verwenden Sie loading="lazy" für Bilder, die beim ersten Laden nicht sichtbar sind
Geben Sie immer width und height an, um CLS zu vermeiden
Verwenden Sie responsive Bilder mit srcset für verschiedene Bildschirmgrößen

2. CSS und JavaScript minimieren

Entfernen Sie ungenutzten Code, Leerzeichen und Kommentare aus Ihren CSS- und JS-Dateien. Die meisten Build-Tools machen dies automatisch, überprüfen Sie jedoch, ob es tatsächlich in der Produktion geschieht.

3. Kompression aktivieren

Stellen Sie sicher, dass Ihr Server Dateien mit Gzip- oder Brotli-Kompression sendet. Dies kann die Dateigrößen um bis zu 70 % reduzieren.

4. Browser-Caching nutzen

Setzen Sie Cache-Control-Header, damit der Browser statische Dateien (CSS, JS, Bilder) lokal speichert. Beim nächsten Besuch des Benutzers müssen diese Dateien nicht erneut heruntergeladen werden.

5. Serverantwortzeit reduzieren

Die Antwortzeit Ihres Servers (Time to First Byte, TTFB) sollte unter 200ms liegen. Lösungen:

Verwenden Sie einen schnellen Hosting-Anbieter
Aktivieren Sie serverseitiges Caching
Optimieren Sie Datenbankabfragen
Verwenden Sie ein CDN, um statische Dateien von Servern in der Nähe des Benutzers bereitzustellen

6. Nicht-kritisches JavaScript zurückstellen

JavaScript, das nicht für die erste Ansicht benötigt wird, sollte asynchron mit async oder defer geladen werden. Dazu gehören in der Regel Analytik, Chat-Widgets und Social-Media-Emeds.

7. Kritische Ressourcen vorladen

Verwenden Sie für Schriftarten, CSS und Bilder, die für die erste Ansicht benötigt werden. Dies informiert den Browser, diese Dateien zu priorisieren.

8. Render-Blockierende Ressourcen entfernen

CSS und JavaScript im blockieren das Rendering der Seite. Verschieben Sie nicht-kritisches CSS an das Ende und inlinen Sie das für die erste Ansicht benötigte CSS (kritisches CSS).

9. Ein CDN verwenden

Ein Content Delivery Network verteilt Ihre Dateien auf Servern weltweit. Benutzer laden von dem nächstgelegenen Server herunter, was die Latenz erheblich reduziert.

10. Web-Schriftarten optimieren

Benutzerdefinierte Schriftarten können die Anzeige von Text verzögern:

Verwenden Sie font-display: swap, damit Text mit einer Ersatzschriftart angezeigt wird, während die benutzerdefinierte Schriftart lädt
Subsetten Sie Ihre Schriften auf nur die Zeichen, die Sie verwenden
Preladen Sie die wichtigsten Schriftarten
Erwägen Sie die Verwendung von Systemschriftarten für Fließtext

Wie Sie Ihre Geschwindigkeit testen

Google PageSpeed Insights

Das offizielle Tool von Google. Bietet Ihnen sowohl Laborwerte (simuliert) als auch Echtzeitwerte (echte Benutzer) sowie konkrete Verbesserungsvorschläge.

Chrome DevTools

Öffnen Sie DevTools (F12), gehen Sie zum "Performance"-Panel und zeichnen Sie einen Seitenaufruf auf. Sie können genau sehen, was Zeit in Anspruch nimmt und in welcher Reihenfolge die Dateien geladen werden.

WebPageTest

Ein fortschrittliches Testtool, mit dem Sie von verschiedenen Standorten und Verbindungsgeschwindigkeiten testen können. Bietet detaillierte Wasserfalldiagramme.

Priorisierung — Beginnen Sie hier

Wenn Sie drei Dinge auswählen müssen, auf die Sie sich konzentrieren wollen:

Bilder — Komprimieren und in WebP konvertieren. Größter Einfluss mit dem geringsten Aufwand.
Caching — Setzen Sie die richtigen Cache-Control-Header. Einmalige Einrichtung.
JavaScript — Deferieren Sie alles nicht Kritische. Reduzieren Sie Drittanbieter-Skripte.

Möchten Sie genau wissen, wie Ihre Website abschneidet? Führen Sie einen kostenlosen Audit durch und sehen Sie Ihre Core Web Vitals und Ihren Geschwindigkeitsscore.