At a glance
Lab Performance Score side-by-side mobile vs desktop, surfacing the gap between the two profiles. The “are we mobile-broken” diagnostic: mobile-first indexing means Google primarily ranks on mobile CWV, but most engineering teams develop on desktop and may miss mobile-specific issues. Typical healthy gap: 15-30 points (desktop higher). Larger gaps suggest mobile-specific problems (heavy mobile JS, mobile-only widgets, responsive image issues) that desktop development workflows don’t surface.
Calculation
Calculated automatically from your Website Performance (PageSpeed + CrUX) data. See the At a glance summary above for what the metric tracks and the worked example below for a typical reading.Worked example
A UK-based BigCommerce fashion store, lab measurements per template Wednesday 15 May 26.
What the comparison is telling us:
- Site-wide gap of 30 points sits at the borderline between “typical” and “concerning”. Desktop is healthy; mobile is dragging the overall picture. This is the textbook pattern for ecommerce sites built without dedicated mobile performance discipline.
- The homepage and collection pages have the largest gaps (34 and 31 points). Both pages have mobile-specific friction: the homepage hero carousel renders differently on mobile (4 unoptimised PNGs that are oversized for mobile viewport); the collection page’s filter widget runs heavy JS that mid-tier mobile CPUs struggle with.
- PDPs and checkout have typical gaps (24 and 21 points), suggesting mobile-specific work isn’t urgently needed there. The work to do concentrates on homepage + collection.
-
The fix isn’t to “make desktop slower”, it’s to lift mobile to closer parity. Recommended optimisation focus:
- Homepage: image responsive variants via
srcset(saves 1.5-2MB on mobile); defer hero video carousel for mobile - Collection page: virtualise filter-widget grid on mobile; debounce filter clicks; defer non-critical JS
- Estimated post-fix mobile score uplift: homepage 42 → 65, collection 48 → 70
- Homepage: image responsive variants via
- Why this matters for ranking: Google’s mobile-first indexing primarily uses mobile CWV. A 30-point mobile-vs-desktop gap signals mobile is the priority work; closing it lifts ranking impact.
- Compare to industry: brands that follow strict mobile-first development discipline operate at 5-15 point gaps. Brands like Shopify, Catalyst-on-BigCommerce, and modern Next.js sites often operate at <10 point gaps because their frameworks default to mobile-friendly patterns. Stencil-themed BC sites typically run 25-40 point gaps because Stencil defaults aren’t aggressively mobile-optimised.
- Read the gap; classify (0-15 healthy, 15-30 typical, 30-50 concerning, 50+ urgent).
- For concerning/urgent gaps, decompose by sub-metric: which CWV has the biggest mobile-vs-desktop gap?
- Apply mobile-specific fix patterns: responsive images, mobile-aware widget loading, mobile-specific JS deferral.
- Re-audit to confirm the gap closes.
Sibling cards merchants should reference together
Reconciling against the vendor’s own dashboard
Where to look:- PageSpeed Insights, toggle between Mobile and Desktop tabs at the top of the report.
- Chrome DevTools → Lighthouse panel, choose Mobile or Desktop device profile.
- WebPageTest, supports custom device emulation including the same mobile/desktop split.
Cross-connector reconciliation: primarily internal (with mobile/desktop pass rate cards and per-CWV device gap cards).
Quick rule for support tickets: if a merchant says “my desktop is fast but mobile is slow, what should I do?”, the answer is in this card’s worked example, apply mobile-specific fix patterns (responsive images, mobile-aware widget loading, JS deferral on mobile).