Jede Sekunde zählt: Studien zeigen, dass 53 Prozent der mobilen Nutzer eine Website verlassen, wenn sie länger als drei Sekunden lädt. Gleichzeitig ist die Ladegeschwindigkeit ein offizieller Rankingfaktor bei Google. Eine langsame Website kostet Sie also sowohl Besucher als auch Sichtbarkeit in den Suchergebnissen. In diesem Artikel erkläre ich, wie Sie die Geschwindigkeit Ihrer Website messen und verbessern können.
Warum ist PageSpeed wichtig?
Die Geschwindigkeit Ihrer Website hat direkten Einfluss auf Ihren Geschäftserfolg, und zwar aus mehreren Gründen.
Nutzererfahrung
Menschen sind ungeduldig, besonders im Internet. Jede Sekunde Wartezeit erhöht die Absprungrate. Bei einer Ladezeit von fünf Sekunden statt einer Sekunde steigt die Wahrscheinlichkeit eines Absprungs um 90 Prozent. Umgekehrt führen schnelle Websites zu längerer Verweildauer, mehr Seitenaufrufen und höherer Zufriedenheit.
Google-Ranking
Google hat die Seitengeschwindigkeit als Rankingfaktor bestätigt. Seit 2021 sind die Core Web Vitals, drei Metriken zur Messung der Nutzererfahrung, Teil des Ranking-Algorithmus. Langsame Seiten werden schlechter gerankt, schnelle Seiten haben einen Vorteil. Mehr zu SEO auf der Seite SEO-Grundlagen.
Conversion-Rate
Für Online-Shops ist die Ladezeit besonders kritisch. Amazon hat festgestellt, dass jede 100 Millisekunden Verzögerung zu einem Prozent weniger Umsatz führt. Bei E-Commerce-Seiten kann eine Optimierung der Ladezeit die Conversion-Rate um 20 Prozent oder mehr steigern.
PageSpeed messen
Bevor Sie optimieren, müssen Sie wissen, wo Sie stehen. Es gibt verschiedene Tools zur Messung der Website-Geschwindigkeit.
Google PageSpeed Insights
Das wichtigste Tool ist Google PageSpeed Insights unter pagespeed.web.dev. Es analysiert Ihre Seite und gibt einen Score von 0 bis 100, sowohl für Mobile als auch für Desktop. Zusätzlich zeigt es konkrete Verbesserungsvorschläge und die Core Web Vitals. Ein Score über 90 gilt als gut, zwischen 50 und 89 als verbesserungswürdig, unter 50 als schlecht.
Core Web Vitals
Die Core Web Vitals sind drei Metriken, die Google für besonders wichtig hält. LCP (Largest Contentful Paint) misst, wie schnell der Hauptinhalt sichtbar wird, und sollte unter 2,5 Sekunden liegen. FID (First Input Delay) misst die Reaktionszeit auf erste Benutzerinteraktion und sollte unter 100 Millisekunden sein. CLS (Cumulative Layout Shift) misst visuelle Stabilität, also wie viel sich während des Ladens verschiebt, und sollte unter 0,1 liegen.
Weitere Tools
GTmetrix bietet detaillierte Analysen und Wasserfalldiagramme, die zeigen, welche Ressourcen wie lange zum Laden brauchen. WebPageTest ermöglicht Tests von verschiedenen Standorten und mit verschiedenen Verbindungsgeschwindigkeiten. Pingdom ist ein einfaches Tool für schnelle Checks.
Bildoptimierung
Bilder sind meist die größten Dateien auf einer Website und damit der wichtigste Ansatzpunkt für Optimierungen.
Das richtige Format wählen
Verwenden Sie moderne Bildformate wie WebP, das bei gleicher Qualität deutlich kleinere Dateien erzeugt als JPEG oder PNG. Die meisten modernen Browser unterstützen WebP. Für ältere Browser können Sie Fallbacks auf JPEG einrichten. Für Fotos ist WebP oder JPEG ideal, für Grafiken mit wenigen Farben oder Transparenz WebP oder PNG.
Bilder komprimieren
Originale Kamerabilder sind viel zu groß für Websites. Komprimieren Sie Bilder vor dem Hochladen mit Tools wie TinyPNG, Squoosh oder ImageOptim. Eine Komprimierung um 70-80 Prozent ist oft ohne sichtbaren Qualitätsverlust möglich. In WordPress können Plugins wie ShortPixel oder Imagify die Komprimierung automatisch übernehmen.
Responsive Bilder
Ein Smartphone braucht kein 4K-Bild. Mit dem srcset-Attribut können Sie verschiedene Bildgrößen für verschiedene Bildschirmbreiten bereitstellen. Das spart Bandbreite und beschleunigt das Laden auf mobilen Geräten erheblich.
Lazy Loading
Lazy Loading bedeutet, dass Bilder erst geladen werden, wenn sie in den sichtbaren Bereich scrollen. So muss nicht die gesamte Seite auf einmal geladen werden. Moderne Browser unterstützen natives Lazy Loading mit dem loading="lazy" Attribut. Für ältere Browser gibt es JavaScript-Bibliotheken.
Code-Optimierung
Neben Bildern kann auch der Code Ihrer Website optimiert werden.
CSS und JavaScript minimieren
Minifizierung entfernt unnötige Zeichen wie Leerzeichen, Kommentare und Zeilenumbrüche aus CSS und JavaScript. Das reduziert die Dateigröße ohne Funktionseinbußen. In WordPress erledigen Plugins wie Autoptimize oder WP Rocket diese Aufgabe automatisch.
Kritisches CSS inline laden
Das CSS für den sichtbaren Bereich (above the fold) kann direkt im HTML-Header eingebettet werden. So muss der Browser nicht auf externe CSS-Dateien warten, bevor er die Seite rendern kann. Das verbessert besonders den LCP-Wert.
JavaScript verzögert laden
JavaScript, das nicht sofort benötigt wird, sollte mit dem defer oder async Attribut geladen werden. So blockiert es nicht das Rendern der Seite. Scripts, die erst bei Benutzerinteraktion benötigt werden, können komplett verzögert geladen werden.
Ungenutzten Code entfernen
Viele WordPress-Themes und Plugins laden CSS und JavaScript auch auf Seiten, wo sie gar nicht benötigt werden. Das Entfernen ungenutzter Ressourcen kann die Ladezeit erheblich verbessern. Plugins wie Asset CleanUp helfen dabei, unnötige Scripts auf bestimmten Seiten zu deaktivieren.
Caching
Caching speichert Daten zwischen, sodass sie bei späteren Anfragen nicht neu generiert werden müssen.
Browser-Caching
Mit den richtigen HTTP-Headern teilen Sie dem Browser mit, wie lange er Dateien lokal speichern soll. Bei wiederholten Besuchen müssen dann CSS, JavaScript und Bilder nicht erneut vom Server geladen werden. Das beschleunigt besonders wiederkehrende Besucher.
Server-seitiges Caching
WordPress generiert Seiten dynamisch aus der Datenbank. Server-seitiges Caching speichert die fertig gerenderten HTML-Seiten, sodass sie bei späteren Aufrufen direkt ausgeliefert werden können. Das reduziert die Server-Last und beschleunigt die Auslieferung erheblich. Plugins wie WP Super Cache, W3 Total Cache oder WP Rocket bieten diese Funktion.
Hosting
Das beste Caching hilft wenig, wenn der Server selbst langsam ist. Gutes Hosting ist die Grundlage für schnelle Websites.
Server-Standort
Die physische Entfernung zwischen Server und Besucher beeinflusst die Latenz. Für deutsche Besucher sollte der Server in Deutschland oder zumindest in Europa stehen. Ein Server in den USA bedeutet längere Ladezeiten für europäische Nutzer.
Server-Technologie
Aktuelle PHP-Versionen sind deutlich schneller als ältere. SSD-Speicher beschleunigt Datenbankzugriffe. Genügend RAM und CPU-Leistung verhindern Engpässe bei Traffic-Spitzen. Billig-Hosting mit überlasteten Shared-Servern kann alle anderen Optimierungen zunichtemachen.
Content Delivery Network
Ein CDN verteilt statische Inhalte auf Server weltweit. Besucher erhalten Bilder, CSS und JavaScript vom geografisch nächsten Server. Für internationale Websites oder bei hohem Traffic ist ein CDN sinnvoll. Cloudflare bietet eine kostenlose Basisversion.
WordPress-spezifische Tipps
WordPress-Websites haben besondere Optimierungspotenziale.
Wählen Sie ein leichtgewichtiges Theme wie Astra, GeneratePress oder Kadence statt überladener Multipurpose-Themes. Deaktivieren und löschen Sie ungenutzte Plugins. Verwenden Sie ein Caching-Plugin wie WP Rocket oder LiteSpeed Cache. Optimieren Sie die Datenbank regelmäßig mit WP-Optimize. Limitieren Sie Revisions und Auto-Saves, um die Datenbank schlank zu halten.
Möchten Sie wissen, wie schnell Ihre Website ist und wo Optimierungspotenzial liegt? Ich analysiere Ihre Seite gerne und zeige konkrete Verbesserungsmöglichkeiten auf. Rufen Sie an unter 0800 188 7 100 (kostenlos) oder schreiben Sie an 301@seo-manager.info.