Warum mobile und Desktop-Scores unterschiedlich sind
Wenn Sie Ihren Shopify-Shop jemals durchlaufen haben PageSpeed Insights, Sie haben die Lücke gesehen: Ihr Desktop-Score liegt möglicherweise in den 80ern oder 90ern, während Ihr mobiler Score in den 30ern oder 40ern stagniert. Das ist kein Fehler – es ist beabsichtigt.
Google testet Mobilgeräte und Desktops unter völlig andere Bedingungen. Der Mobiltest simuliert ein Mittelklasse-Smartphone mit begrenzter Rechenleistung und langsamer Netzwerkverbindung. Der Desktop-Test nutzt die volle CPU-Geschwindigkeit und Ihre tatsächliche Verbindung.
📱 Mobile Testbedingungen
- ● CPU: 4-fache Verlangsamung (simuliert Mittelklasse-Telefon)
- ● Netzwerk: Gedrosseltes 4G (~1,6 Mbit/s, 150 ms RTT)
- ● Ansichtsfenster: 412 x 823 Pixel (typisches Mobiltelefon)
- ● Gerät: Simulierte Moto G Power
🖥️ Desktop-Testbedingungen
- ● CPU: Keine Drosselung (volle Geschwindigkeit)
- ● Netzwerk: Keine Drosselung (Istgeschwindigkeit)
- ● Ansichtsfenster: 1350 x 940 Pixel (typischer Desktop)
- ● Gerät: Moderner Desktop/Laptop
Das Ergebnis? Genau die gleiche Seite, der gleiche Code, die gleichen Assets – unter völlig unterschiedlichen Bedingungen getestet. Eine JavaScript-Datei, die auf dem Desktop in 200 ms analysiert wird, benötigt auf der gedrosselten mobilen CPU 800 ms. Ein Bild, das über Ihr Breitband in 100 ms heruntergeladen wird, benötigt bei simuliertem 4G 500 ms.
Aus diesem Grund beträgt der Abstand zwischen Mobilgeräten und Desktops 30–50 Punkte völlig normal für Shopify-Shops. Das bedeutet nicht, dass Ihr Shop auf Mobilgeräten kaputt ist – es bedeutet, dass der mobile Test von Google absichtlich streng ist. Möchten Sie Ihre Lücke überprüfen? Führen Sie einen kostenlosen Geschwindigkeitstest durch in Ihrem Shop.
Die einfache Lösung: Steigern Sie beide Punkte sofort
Bevor Sie sich mit manuellen mobilen Optimierungen befassen – es gibt einen schnelleren Weg. Thunder Page Speed Optimizer verbessert die mobilen Ergebnisse erheblich, indem es genau die Faktoren anspricht, die der mobile Test von Google am meisten benachteiligt.
Warum Thunder auf Mobilgeräten stärker zuschlägt:
Skriptverzögerung reduziert die CPU-Last
Nicht kritisches JS wird zurückgestellt – massive Auswirkungen auf gedrosselte mobile CPUs
Kritisches CSS für schnelles Erstmalen
Above-the-fold-CSS wird inline geladen – keine Rendering-blockierenden Anfragen in langsamen Netzwerken
Schriftoptimierung
Lädt die Schriftartenbereitstellung vor und optimiert sie, um den mobilen LCP zu reduzieren
Mobile-First-Ressourcenpriorisierung
Priorisiert Ressourcen, die für das mobile Rendering am wichtigsten sind
Durchschnittliche mobile Verbesserung: +27 PageSpeed-Punkte
Da Mobilgeräte empfindlicher auf JavaScript und Rendering-blockierende Ressourcen reagieren, haben die Optimierungen von Thunder einen übergroßen Einfluss auf die Mobilergebnisse.
Kostenloser Plan verfügbar · Keine Kreditkarte erforderlich · 30-Sekunden-Einrichtung · Funktioniert mit allen Themen
Wie Google Mobilgeräte vs. Desktops testet (im Detail)
PageSpeed Insights verwendet Lighthouse unter der Haube. Genau das ist der Unterschied zwischen Mobil- und Desktop-Tests:
| Faktor | Mobiler Test | Desktop-Test | Einschlag |
|---|---|---|---|
| CPU-Drosselung | 4x Verlangsamung | Keine | Die JS-Ausführung dauert beim mobilen Test viermal länger |
| Netzwerkgeschwindigkeit | ~1,6 Mbit/s (4G) | Keine Drosselung | Das Herunterladen von Ressourcen auf Mobilgeräten dauert länger |
| Netzwerklatenz | 150 ms RTT | ~40ms RTT | Jede Anfrage verursacht auf Mobilgeräten mehr Overhead |
| Ansichtsfensterbreite | 412px | 1350px | Verschiedene responsive Layouts und Bildgrößen |
| Benutzeragent | Mobiles Chrome | Desktop Chrome | Kann unterschiedliche Serverreaktionen auslösen |
| Wertungsgewichte | TBT: 30 %, LCP: 25 % | Gleiche Gewichte | Dieselbe Formel, aber die Drosselung verstärkt die Probleme |
Die CPU-Drosselung ist der größte Faktor. Die Total Blocking Time (TBT) – die misst, wie lange der Hauptthread durch JavaScript blockiert wird – macht 30 % des PageSpeed-Scores aus. Bei einer 4-fachen CPU-Verlangsamung wird jede Millisekunde der JS-Ausführung zu vier. Ein Skript, das auf dem Desktop 150 ms lang blockiert und beim mobilen Test 600 ms lang blockiert.
💡 Wichtige Erkenntnis: Dies bedeutet, dass die JavaScript-Optimierung vorhanden ist 4x mehr Wirkung auf Ihrem mobilen Punktestand als auf Ihrem Desktop-Punktestand. Jedes Kilobyte JS, das Sie aufschieben oder entfernen, bringt Ihnen auf Mobilgeräten mehr als auf dem Desktop. Genau aus diesem Grund hat die Skriptverschiebung von Thunder einen so dramatischen Effekt auf mobile Partituren.
Warum mobile Geschwindigkeit für SEO wichtiger ist
Seit 2019 verwendet Google Mobile-First-Indizierung gilt für alle neuen Websites und gilt seit 2021 für das gesamte Web. Das bedeutet:
- Google crawlt und indiziert hauptsächlich die mobile Version Ihrer Website
- Mobile Core Web Vitals sind das primäre Signal für den Ranking-Boost
- Wenn Inhalte nur auf dem Desktop (nicht in der mobilen Ansicht) vorhanden sind, indiziert Google sie möglicherweise nicht
Über SEO hinaus bestätigen Ihre Verkehrsdaten wahrscheinlich, warum Mobilgeräte wichtig sind: over 70% of Shopify store traffic typically comes from mobile devices. Ihr mobiles Erlebnis ist für die meisten Ihrer Kunden das Standarderlebnis.
70%+
des Shopify-Verkehrs ist mobil
53%
of mobile users leave if load > 3s
100%
der Websites nutzen die Mobile-First-Indexierung
Das Fazit: Wenn Sie zwischen der Optimierung für Mobilgeräte oder Desktops wählen müssen, Wählen Sie immer Mobil. Verbesserungen auf Mobilgeräten verbessern fast immer auch den Desktop (aber nicht umgekehrt). Eine breitere SEO-Perspektive zum Thema Geschwindigkeit finden Sie in unserem Core Web Vitals-Leitfaden.
Das JavaScript-Problem auf Mobilgeräten
JavaScript ist der Hauptgrund dafür, dass Mobilgeräte-Scores niedriger sind als Desktop-Computer. Hier erfahren Sie, warum es auf Mobilgeräten so viel schwieriger zu treffen ist:
Analysezeit
Bevor JavaScript ausgeführt werden kann, muss der Browser es analysieren. Bei 4-facher CPU-Drosselung benötigt ein 500-KB-JS-Bundle, das auf dem Desktop in 100 ms analysiert, beim mobilen Test 400 ms. Shopify-Themes enthalten normalerweise 200–600 KB JavaScript.
Ausführungszeit
Die Ausführung jedes Event-Handlers, jeder Initialisierungsroutine und jedes Drittanbieter-Skripts dauert viermal länger. App-Skripte, die sich auf dem Desktop sofort anfühlen, werden auf Mobilgeräten zu spürbaren Verzögerungen.
Hauptthread-Wettbewerb
Auf Mobilgeräten kümmert sich der Hauptthread um die Ausführung, das Layout, das Malen und die Benutzereingaben von JS. Bei einer gedrosselten CPU konkurrieren diese Aufgaben aggressiver, was zu einer längeren Gesamtblockierungszeit und einem schlechteren INP führt.
Was Sie tun können
- Nicht kritisches JavaScript zurückstellen: Laden Sie Analysen, Chat-Widgets und Überprüfungsskripts nach dem ersten Rendern. Dies ist die primäre Optimierung von Thunder.
- Nicht verwendete Apps entfernen: Jede Front-End-App fügt JavaScript hinzu. Überprüfen Sie Apps, die Sie nicht verwenden, und deinstallieren Sie sie.
- Modernes JavaScript verwenden: ES-Module mit
type="module"werden von modernen Browsern effizienter analysiert. - Codeaufteilung: Laden Sie kein JavaScript der Produktseite auf Kollektionsseiten und umgekehrt.
Detaillierte JavaScript-Optimierungstechniken finden Sie in unserem Leitfaden zu Behebung von Rendering-blockierenden Ressourcen und Verwalten von Skripten von Drittanbietern.
Responsive Images: Der größte mobile Gewinn
Nach JavaScript tragen Bilder am zweitgrößten zum Geschwindigkeitsunterschied zwischen Mobilgeräten und Desktops bei. Ohne reaktionsfähige Bilder lädt Ihr Mobiltelefon dasselbe riesige Heldenbild herunter, das Ihr Desktop in voller Breite anzeigt – eine riesige Verschwendung bei einem 412 Pixel breiten Ansichtsfenster.
Verwenden Sie die integrierten responsiven Bilder von Shopify
Das CDN von Shopify stellt Bilder automatisch in modernen Formaten (WebP/AVIF) bereit und kann deren Größe im Handumdrehen ändern. Benutzen Sie die Bild-URL Filter mit image_tag
Der zum Generieren responsiver Srcset-Attribute:
{{ product.featured_image | image_url: width: 1200 | image_tag:
widths: '200,400,600,800,1000,1200',
sizes: '(max-width: 768px) 100vw, 50vw',
loading: 'lazy'
}}Dadurch wird dem Browser mitgeteilt: „Auf Mobilgeräten (unter 768 Pixel) füllt dieses Bild die gesamte Breite des Ansichtsfensters aus. Laden Sie daher eine Version mit ca. 400 Pixeln herunter. Auf dem Desktop füllt es die Hälfte des Ansichtsfensters aus. Laden Sie daher eine Version mit ca. 600–700 Pixeln herunter.“ Der Unterschied kann enorm sein – ein 1200-Pixel-Bild kann 150 KB groß sein, während eine 400-Pixel-Version nur 25 KB groß ist.
Heldenbildoptimierung
Ihr Heldenbild ist normalerweise Ihr LCP-Element – das größte Inhaltselement, das Ihren Wert für den größten Contentful Paint bestimmt. Auf Mobilgeräten erfordert dieses Bild besondere Aufmerksamkeit:
- Verwenden Sie verschiedene Bildausschnitte für Mobilgeräte: Ein breites Desktop-Banner, das auf Mobilgeräte zugeschnitten ist, verliert an Wirkung. Stellen Sie sich einen separaten, größeren mobilen Helden vor.
- Laden Sie das mobile LCP-Image vorab: Fügen Sie einen Vorladehinweis für die mobile Bildgröße hinzu, um LCP zu beschleunigen.
- Laden Sie den Helden nicht faul: Das Heldenbild sollte eifrig geladen werden (
Loading="eager"), da es über dem Falz liegt. - Verwenden Sie fetchpriority="high": Weisen Sie den Browser an, dem Herunterladen des Heldenbildes Vorrang vor anderen Ressourcen zu geben.
Ein vollständiges Playbook zur Bildoptimierung finden Sie in unserem Leitfaden zur Shopify-Bildoptimierung.
Mobilspezifische Optimierungen für Shopify
Über JavaScript und Bilder hinaus gibt es hier Optimierungen, die speziell auf die mobile Leistung abzielen:
DOM-Größe auf Mobilgeräten reduzieren
Viele Shopify-Themes rendern doppelte Elemente – ein Desktop-Menü UND ein mobiles Menü, beide immer im DOM. Blenden Sie auf Mobilgeräten die Desktop-Elemente mit aus Anzeige: keine – aber noch besser: Verpacken Sie sie in flüssigem Zustand oder verwenden Sie sie Inhaltssichtbarkeit: automatisch , damit der Browser seine Layoutberechnungen vollständig überspringen kann.
Minimieren Sie Above-the-Fold-Inhalte auf Mobilgeräten
Mobile Ansichtsfenster zeigen weniger Inhalte über dem Falz (823 Pixel vs. 940 Pixel Höhe, und der größte Teil davon wird von der Kopfzeile und dem Helden eingenommen). Vereinfachen Sie Ihr Mobiltelefon über dem Falz: ein Heldenbild, eine Überschrift, ein CTA. Weniger Inhalt = weniger zu rendern = schnelleres LCP.
Reduzieren Sie die Anzahl der Schriftartdateien
Jede Schriftartdatei ist eine zusätzliche Netzwerkanforderung – was bei gedrosseltem 4G mehr weh tut. Verwenden Sie nicht mehr als 2 Schriftfamilien mit jeweils 2–3 Strichstärken. Erwägen Sie die Verwendung von Systemschriftarten für den Fließtext und das Laden einer benutzerdefinierten Schriftart nur für Überschriften. Dies spart 100–300 KB und eliminiert Layoutverschiebungen beim Schriftwechsel.
Vorherige Verbindung zu kritischen Ursprüngen
Mit 150 ms RTT beim mobilen Test führt jede neue Serververbindung zu einer erheblichen Latenz. Fügen Sie Preconnect-Hinweise für Ihre wichtigsten externen Domänen hinzu:
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>Verwenden Sie CSS-Medienabfragen für Nur-Mobile-Stile
Versenden Sie kein reines Desktop-CSS an mobile Browser. Benutzen Medien -Attribute für Link-Tags, damit mobile Browser mobiles CSS priorisieren und Desktop-Stile zurückstellen können.
Berühren Sie Event Handling und INP auf Mobilgeräten
Mobile Geräte verwenden Berührungsereignisse anstelle von Mausklicks – und das führt zu einzigartigen Funktionen INP-Herausforderungen:
Die 300-ms-Tap-Verzögerung (älteres Problem)
Ältere Browser haben nach einem Tippen eine Verzögerung von 300 ms hinzugefügt, um Doppeltipps zu erkennen. Moderne Browser verhindern dies, wenn Ihre Seite Folgendes enthält mit width=Gerätebreite – was in allen Shopify-Themes enthalten ist. Einige ältere App-Skripte fügen jedoch möglicherweise Touch-Ereignis-Listener hinzu, die erneut Verzögerungen verursachen.
Passive Touch-Listener
Touch-Ereignisse, die nicht aufgerufen werden präventDefault() sollte als markiert sein passiv: wahr. Dadurch kann der Browser sofort mit dem Scrollen beginnen, anstatt abzuwarten, ob der Handler den Scrollvorgang abbricht. Viele ältere Shopify-Apps tun dies nicht.
Berühren Sie Zielgröße
Google empfiehlt, dass die Tap-Ziele mindestens 48 x 48 Pixel groß sind und einen Abstand von 8 Pixel haben. Zu kleine Ziele führen zu Fehltipps und Frustration – kein direktes Geschwindigkeitsproblem, aber es beeinträchtigt die wahrgenommene Reaktionsfähigkeit Ihres Shops.
PageSpeed Insights kennzeichnet nicht-passive Touch-Listener und zu kleine Tap-Ziele. Wenn Sie diese beheben, verbessern Sie sowohl Ihre Punktzahl als auch das echte mobile Erlebnis. Weitere Informationen zur mobilspezifischen Optimierung finden Sie in unserem Anleitung zur Optimierung der mobilen Geschwindigkeit.
Realistische Mobile-Score-Ziele für Shopify
Streben Sie auf Mobilgeräten nicht nach den perfekten 100 – das ist für einen echten Shopify-Shop mit Apps, Analysen und umfangreichen Produktinhalten praktisch unmöglich. Hier sind realistische Ziele:
| Geschäftstyp | Realistisches mobiles Ziel | Desktop-Ziel | Notizen |
|---|---|---|---|
| Minimaler Speicher (1–2 Apps) | 60–80 | 90–98 | Dawn-Thema, minimale Anpassung |
| Durchschnittlicher Store (3–5 Apps) | 45–65 | 80–92 | Premium-Theme, Rezensionen + Analysen |
| Funktionsreicher Store (6+ Apps) | 35–55 | 70–88 | Benutzerdefiniertes Design, viele Front-End-Apps |
| Enterprise Store (10+ Apps) | 25–45 | 60–80 | Komplexe Anpassung, ERP-Integrationen |
Denken Sie daran: The PageSpeed score is a synthetic benchmark. What actually matters for SEO and conversions are the Core Web Vitals (LCP, CLS, INP) from real user data. A store scoring 40 on mobile but passing all Core Web Vitals in the field is in a better position than a store scoring 60 but failing INP.
Weitere Informationen zur Bedeutung Ihrer Punktzahl finden Sie in unseren Leitfäden unter Shopify-Geschwindigkeits-Benchmarks und Verständnis von PageSpeed Insights. Bereit zur Optimierung? Beginnen Sie mit unserem vollständigen Optimierungsleitfaden.
Häufig gestellte Fragen
Warum ist mein mobiler Shopify-Geschwindigkeitswert so viel niedriger als der Desktop-Geschwindigkeitswert?
Google PageSpeed Insights testet Mobilgeräte mit aggressiver Drosselung: 4-fache CPU-Verlangsamung, um ein Mittelklasse-Telefon zu simulieren, und gedrosseltes Netzwerk, um 4G-Bedingungen zu simulieren. Beim Desktop-Testen werden Ihre tatsächliche Verbindungsgeschwindigkeit und die volle CPU-Leistung verwendet. Das bedeutet, dass JavaScript, das auf dem Desktop in 200 ms ausgeführt wird, auf dem simulierten mobilen Gerät mehr als 800 ms benötigen kann. Dieselbe Seite mit demselben Code erzielt auf Mobilgeräten immer eine schlechtere Punktzahl – normalerweise 20–40 Punkte weniger.
Verwendet Google mobile oder Desktop-Scores für das SEO-Ranking?
Google uses mobile-first indexing, meaning the mobile version of your site is what Google primarily crawls and uses for ranking. Core Web Vitals from mobile field data (real Chrome users on mobile devices) are the ranking signal. This makes mobile performance more important for SEO than desktop. However, Google evaluates Core Web Vitals (LCP, CLS, INP) separately for mobile and desktop — your desktop pages are ranked using desktop metrics and vice versa.
Welches Mobilgerät simuliert Google PageSpeed Insights?
PageSpeed Insights verwendet Lighthouse, das ein Moto G Power der Mittelklasse (oder ein Äquivalent) mit 4-facher CPU-Drosselung auf einer gedrosselten 4G-Verbindung simuliert (~1,6 Mbit/s Download, 150 ms RTT). Das ist absichtlich hart – es stellt das Erlebnis für Benutzer mit durchschnittlichen und nicht mit High-End-Geräten dar. Die reale mobile Leistung Ihrer Kunden hängt von ihren tatsächlichen Geräten und Verbindungen ab, weshalb Felddaten (CrUX) wichtiger sind als Laborergebnisse.
Sollte ich zuerst die mobile oder Desktop-Geschwindigkeit optimieren?
Optimize for mobile first. Since Google uses mobile-first indexing, your mobile Core Web Vitals directly impact rankings. Additionally, over 70% of Shopify traffic is typically from mobile devices. If your mobile speed is good, your desktop speed will almost always be good too — the reverse isn't true. Focus on reducing JavaScript execution time, optimizing images for mobile viewports, and ensuring fast LCP on smaller screens.
Kann ich unterschiedliche PageSpeed-Scores für Mobilgeräte und Desktops haben?
Ja – und das werden Sie mit ziemlicher Sicherheit auch. Es ist äußerst üblich, dass ein Shopify-Shop auf Mobilgeräten 35 Punkte und auf Desktops 85 Punkte erzielt. Die Lücke von 30–50 Punkten ist normal und wird durch die unterschiedlichen Testbedingungen (CPU-Drosselung, Netzwerksimulation, Größe des Ansichtsfensters) verursacht. Keine Panik über einen niedrigen Mobil-Score, wenn Ihr Desktop-Score in Ordnung ist – die Lücke deutet auf einen normalen JavaScript-Overhead hin, nicht auf eine defekte Website.
Wie wirken sich responsive Bilder auf die Geschwindigkeit von Mobilgeräten und Desktops aus?
Responsive Bilder (unter Verwendung der Attribute „srcset“ und „sizes“) ermöglichen es dem Browser, Bilder in geeigneter Größe für jedes Gerät herunterzuladen. Ohne sie lädt ein Mobiltelefon das gleiche 2000 Pixel breite Heldenbild herunter wie ein Desktop-Monitor – was Bandbreite verschwendet und den LCP um Sekunden erhöht. Der image_url Liquid-Filter von Shopify unterstützt die reaktionsfähige Größenanpassung und die meisten modernen Themes implementieren srcset automatisch. Dies ist einer der größten Erfolge bei der Schließung der Geschwindigkeitslücke zwischen Mobilgeräten und Desktops.