WordPress auf Mobilgeräten extrem langsam trotz gutem Desktop-Score

Du hast deine WordPress-Website optimiert, der Desktop-Score in Google PageSpeed Insights zeigt 85 oder mehr, du bist zufrieden. Dann schaust du auf den Mobile-Score: 38. Das ist kein Messfehler und kein Zufall. Mobile und Desktop werden von Google separat bewertet, und die Anforderungen unterscheiden sich erheblich.

Warum Mobile so anders als Desktop ist

Google simuliert bei mobilen Messungen ein Mittelklasse-Smartphone mit 4G-Verbindung, die absichtlich gedrosselt ist. Desktop wird mit einer schnellen Kabelverbindung gemessen. Dein Server schickt in beiden Fällen denselben Code, aber ein Smartphone mit weniger CPU-Leistung muss denselben JavaScript-Code ausführen. Was auf dem Desktop 0,5 Sekunden dauert, dauert mobil manchmal 3 Sekunden.

Ursache 1: Unoptimierte mobile Bilder

Viele WordPress-Themes laden auf Mobilgeräten dasselbe Bild wie auf dem Desktop, also oft 1.920 Pixel breite Bilder auf einem 390 Pixel breiten Bildschirm. Das ist Datenverschwendung.

Die Lösung: Responsive Images und das srcset-Attribut. WordPress generiert seit Version 4.4 automatisch mehrere Bildgrößen, aber nur wenn:

• Das Theme die WordPress-Bild-Funktionen korrekt nutzt
• Die Bilder überhaupt in mehreren Größen vorliegen
• Das Theme nicht per CSS auf 100% Breite skaliert und dennoch das große Originalbild lädt

Prüfe mit den Chrome DevTools (Network-Tab, Device-Simulation aktiviert), welche Bildgrößen auf Mobilgeräten tatsächlich geladen werden. Wichtig ist auch das Lazy Loading für Bilder unterhalb des sichtbaren Bereichs.

Ursache 2: Kein Responsive Caching

Viele Caching-Plugins erstellen einen einzigen Cache für alle Geräte. Das bedeutet: Entweder wird das Desktop-HTML oder das Mobile-HTML gecacht, und alle anderen Geräte bekommen die "falsche" Version. Bei adaptiven Themes oder unterschiedlichem Markup für Mobile ist das ein Problem.

Die Lösung: Aktiviere "Separate Cache für mobile Geräte" in deinem Caching-Plugin. WP Rocket, W3 Total Cache und LiteSpeed Cache unterstützen das. Lies den WordPress Cache-Plugin-Vergleich für Details zu den verschiedenen Optionen.

Ursache 3: JavaScript-Last auf mobilen Geräten

JavaScript ist das größte Mobile-Performance-Problem. Browser müssen JavaScript nicht nur herunterladen, sondern auch parsen und ausführen. Auf einem Desktop mit schnellem Prozessor geht das zügig. Auf einem Mittelklasse-Smartphone dauert das gleiche Script dreimal so lang.

Konkrete Maßnahmen:

• Defer und Async für nicht-kritische Scripts einsetzen
• Scripts, die nur auf dem Desktop benötigt werden, auf Mobile nicht laden
• Page Builder-Frontends (Elementor, Divi) produzieren oft überflüssiges JavaScript
• Plugin-Scripts deaktivieren, wenn das Plugin auf einer Seite nicht benötigt wird

Das Plugin "Asset CleanUp" hilft dir, Scripts und Stylesheets seitenspezifisch zu deaktivieren.

Ursache 4: Kein Content Delivery Network (CDN)

Ein CDN liefert statische Dateien (Bilder, CSS, JavaScript) von einem Server, der geografisch nah beim Nutzer liegt. Für mobile Nutzer, die unterwegs auf Seiten zugreifen, ist das besonders relevant. Cloudflare bietet eine kostenlose CDN-Basisversion, die für die meisten WordPress-Websites ausreicht.

Core Web Vitals auf Mobile gezielt verbessern

Google misst die Core Web Vitals primär auf Basis von Mobile-Daten (CrUX-Daten aus dem Chrome-Browser). Das bedeutet: Dein Mobile-Score hat direkten Einfluss auf dein Google-Ranking. Ein schlechter Mobile-Score ist kein kosmetisches Problem, sondern ein Ranking-Faktor.

Der LCP (Largest Contentful Paint) ist auf Mobile meist das größte Problem, weil das größte sichtbare Element oft ein Bild ist, das zu spät geladen wird.

rocks.optimize optimiert im Rahmen des WordPress-Optimierungspakets gezielt für Mobile, inklusive responsiver Bildstrategie, Mobile-Caching und JavaScript-Optimierung.