Einblick in die Agentur Webseite-Pagespeed-Optimierung
In der Vergangenheit haben wir bei unseren Agenturkunden erfolgreich WP Rocket eingesetzt, doch vor Kurzem sind wir auf das Airlift-Plugin umgestiegen – mit bemerkenswerten Ergebnissen. In diesem Ratgeber teilen wir unsere Erfahrungen, zeigen, welche Optimierungsmassnahmen wir ergriffen haben und vergleichen WP Rocket und Airlift im Detail.
Wo kann man die Ladegeschwindigkeit einer Webseite testen?
Um die Ladezeiten deiner Webseite zu testen, empfehlen wir das Page-Speed-Insights Tool von Google zu nutzen. Die Pagespeed Analyse ist wirklich einfach, es muss lediglich die gewünschte URL eingefügt werden und man erhält umgehend eine Pagespeed-Analyse inklusive Verbesserungsvorschläge.
Was sind Google Core Web Vitals und warum sind sie wichtig?
Die Google Core Web Vitals sind zentrale Metriken, die Google verwendet, um die Nutzererfahrung auf Webseiten zu bewerten. Sie messen verschiedene Aspekte der Seitenperformance und beeinflussen das Ranking in den Suchergebnissen direkt. Es gibt drei Hauptkomponenten der Core Web Vitals:
- Largest Contentful Paint (LCP): Diese Metrik misst die Ladezeit des grössten sichtbaren Elements auf einer Seite (z. B. ein Bild oder ein grosser Textblock). Ein guter LCP-Wert liegt unter 2,5 Sekunden. Eine langsame Ladezeit wirkt sich negativ auf die Nutzererfahrung aus, da Besucher zu lange warten müssen, bis der Hauptinhalt sichtbar ist.
- First Input Delay (FID): FID misst die Zeit, die eine Webseite benötigt, um auf die erste Benutzerinteraktion (wie das Klicken auf einen Button) zu reagieren. Hier ist eine schnelle Reaktion von weniger als 100 Millisekunden optimal, da Verzögerungen den Besuchern das Gefühl vermitteln, dass die Webseite träge oder unzuverlässig ist.
- Cumulative Layout Shift (CLS): CLS bewertet die visuelle Stabilität einer Webseite. Es misst, wie stark sich Elemente während des Ladens verschieben. Ein niedriger Wert (unter 0,1) ist wichtig, da verschobene Layouts Nutzer irritieren können – besonders wenn sie auf etwas klicken wollen und das Element plötzlich seine Position ändert.
Diese Metriken sind nicht nur wichtig für die Nutzererfahrung, sondern auch für das SEO-Ranking. Google bevorzugt Seiten, die schnell und stabil geladen werden und eine hohe Interaktivität aufweisen. Tools wie PageSpeed Insights helfen, diese Metriken zu überwachen und gezielte Optimierungen vorzunehmen.
1. Unsere Reise und Erfahrung in der Pagespeed-Optimierung
Vom Google PageSpeed Score 72 auf 100 (Desktop) und 65 auf 91 (Mobile) durch gezielte Optimierung der Ladezeit.
Durch die Umstellung auf Airlift konnten wir die Ladezeiten unserer eigenen WordPress Webseite erheblich verbessern und den Google PageSpeed Insights Score bis ans maximum steigern. Somit profitieren wir von einer besseren Suchmaschinenoptimierung, längere Verweildauer, geringere Absprungrate und unsere Webseitenbesucher von einer besseren User Experience (UX). Uns hat vor allem verblüfft, wie effizient und nahezu automatisiert das ganze funktioniert hat. Wie sich unser Page Speed Update insgesamt auf unser SEO auswirkt, werden wir erst in ein paar Monaten beurteilen können. Hier sind die Massnahmen, die wir dabei ergriffen haben:
Caching und Cache-Vorladung
Der erste und wichtigste Schritt war die Optimierung des Caches. Dank Airlift konnten wir statische Inhalte effizient zwischenspeichern, was die Serverlast signifikant verringerte. Besonders hilfreich war die automatische Cache-Vorladung, die dafür sorgte, dass Seiten bereits geladen wurden, bevor ein Nutzer sie besucht hat​. Diese Funktion reduziert die Ladezeit für den Erstbesuch und verbessert den Google PageSpeed Score spürbar.
Optimierung von CSS und JavaScript
Ein weiterer wichtiger Schritt war die Reduzierung und Kombination von CSS- und JavaScript-Dateien. Airlift führte diese Optimierungen automatisch durch, ohne dass wir manuell eingreifen mussten. Dies minimierte die Anzahl der HTTP-Anfragen und verringerte die Grösse der Dateien, was insbesondere auf mobilen Geräten zu einer deutlichen Verbesserung führte​.
Lazy Loading und Bildoptimierung
Bilder sind oft ein Ladezeit-Killer. Um das zu verhindern, haben wir auf das Lazy Loading zur Optimierung der Ladezeit gesetzt, wodurch Bilder und Videos erst geladen werden, wenn sie in den sichtbaren Bereich kommen. Zusätzlich hat Airlift alle Bilder automatisch komprimiert, was die Ladezeiten noch weiter reduzierte. Dies war ein entscheidender Faktor, um den mobilen Score von 65 auf 96 zu erhöhen​.
Verwendung eines Content Delivery Networks (CDN)
Eine weitere Massnahme war die Integration des Airlift-CDNs, das Inhalte von Servern ausliefert, die geografisch näher am Nutzer liegen. Dies verkürzt die Ladezeiten besonders für internationale Besucher, was sich positiv auf den Score auswirkt​.
Google Core Web Vitals
Airlift hat unsere Webseiten auch bei den wichtigen Core Web Vitals unterstĂĽtzt, die fĂĽr die Suchmaschinenplatzierung entscheidend sind. Insbesondere die Largest Contentful Paint (LCP) und die First Input Delay (FID) konnten durch die oben genannten Massnahmen optimiert werden, was letztendlich zu einem 100er-Score auf dem Desktop fĂĽhrte.
2. Wichtige Stellschrauben, um Ladezeiten zu optimieren
Die Optimierung der Ladezeiten ist einer der besten Hebel, um die Nutzererfahrung und die Suchmaschinenplatzierung eines Onlineshops zu verbessern. Hier sind die wichtigsten Stellschrauben, die wir bei der Optimierung beachten:
-
Caching: Durch das Zwischenspeichern von statischen Inhalten (Caching) werden Seiten schneller geladen. WP Rocket und Airlift bieten hier leistungsstarke Lösungen, wobei Airlift das Caching vollständig automatisiert und so Fehlerquellen minimiert​.
-
Datei-Optimierung: Die Minifizierung von CSS- und JavaScript-Dateien ist entscheidend, um die Dateigröße zu verringern. WP Rocket erfordert hier manuelle Anpassungen, während Airlift diese Prozesse automatisch durchführt​.
-
Lazy Loading: Bilder und Videos werden erst dann geladen, wenn sie im sichtbaren Bereich der Webseite sind. Diese Funktion ist in beiden Plugins vorhanden und reduziert die Ladezeit signifikant​.
-
CDN-Integration: Beide Plugins unterstützen CDN, wobei Airlift ein eigenes, integriertes CDN anbietet, das die Performance weiter verbessert​.
-
Bildoptimierung: Airlift bietet eine automatische Bildoptimierung, die ohne weitere Add-ons auskommt. Dies stellt sicher, dass grosse Bilder die Ladezeiten nicht negativ beeinflussen​.
3. WP Rocket vs. Airlift: Vor- und Nachteile im Vergleich
Hier fassen wir die aus unserer Sicht als Webdesign-Agentur, wichtigsten vor und Nachteile der beiden WordPress Plugins zusammen. Aus unserer Sicht gibt es einen klaren Gewinner in diesem Vergleich.Â
Nachteile von WP Rocket
Allerdings hat WP Rocket auch einige Schwächen. Die manuelle Konfiguration erfordert oft ein gewisses technisches Verständnis, um die besten Resultate zu erzielen. Auch wenn das Plugin viele Optionen bietet, kann dies für weniger erfahrene Nutzer überwältigend sein​. Ein weiterer Punkt ist der Preis – WP Rocket bietet keine kostenlose Version an, was insbesondere bei kleineren Projekten eine Hürde darstellen kann​.
Vorteile von WP Rocket
WP Rocket war für uns lange Zeit die erste Wahl, da es durch seine Benutzerfreundlichkeit und vielseitigen Optimierungsoptionen überzeugt. Es ist sofort einsatzbereit und benötigt nur wenige manuelle Anpassungen, um solide Ergebnisse zu liefern​. Vor allem die Cache-Vorladung und die minimale Konfiguration machten es für unsere Kunden sehr attraktiv.
Nachteile von Airlift
Die Kehrseite bei Airlift ist, dass es weniger manuelle Kontrollmöglichkeiten bietet. Während die Automatisierung für viele von Vorteil ist, könnten technisch versierte Nutzer es als zu eingeschränkt empfinden, da sie weniger Einfluss auf detaillierte Einstellungen haben​. Auch wenn Airlift im Vergleich zu WP Rocket neu auf dem Markt ist, fehlen noch umfangreiche Langzeittests.
Vorteile von Airlift
Mit Airlift haben wir einen echten Game-Changer gefunden. Das Plugin bietet eine fast vollautomatische Optimierung – alle wichtigen Stellschrauben wie Caching, Bild- und Dateioptimierung laufen im Hintergrund, ohne dass wir manuell eingreifen müssen. Dies spart nicht nur Zeit, sondern stellt sicher, dass jede Seite stets optimal läuft. Ausserdem ist Airlift für kleinere Projekte besonders attraktiv, da es eine kostenlose Version bietet, die dennoch umfassende Funktionen enthält.
Fazit: Warum Airlift für uns die perfekte Lösung ist
Mit Airlift konnten wir unsere Ladezeiten drastisch verbessern und dabei den Google PageSpeed Score sowohl auf Desktop als auch mobil deutlich steigern. Für uns als Agentur ist Airlift die perfekte Wahl, da es einfach zu bedienen ist und die Optimierung fast vollständig automatisiert. Webseiten- und Onlineshop-Betreiber, die schnelle und unkomplizierte Lösungen suchen, werden mit Airlift ebenfalls hervorragende Ergebnisse erzielen.
Wenn Sie Ihre Webseite schneller machen möchten, steht Ihnen OnlineshopFactory.ch mit Rat und Tat zur Seite!
Fazit: Warum Airlift für uns die perfekte Lösung ist
Founder | CEO | E-commerce Marketing-Experte ​
Mit Airlift konnten wir unsere Ladezeiten drastisch verbessern und dabei den Google PageSpeed Score sowohl auf Desktop als auch mobil deutlich steigern. Für uns als Agentur ist Airlift die perfekte Wahl, da es einfach zu bedienen ist und die Optimierung fast vollständig automatisiert. Webseiten- und Onlineshop-Betreiber, die schnelle und unkomplizierte Lösungen suchen, werden mit Airlift ebenfalls hervorragende Ergebnisse erzielen.
Wenn Sie Ihre Webseite schneller machen möchten, steht Ihnen OnlineshopFactory.ch mit Rat und Tat zur Seite!
