Inchieste e ricerca su Shopify e l’e-commerce
Abbiamo eseguito 45 audit Lighthouse sui demo store live di 15 temi Shopify popolari, su profilo mobile, con throttling simulato, tre run ciascuno. Solo un demo ha rispettato la soglia di Google per un buon LCP, e il divario tra primo e ultimo posto è più che ottuplo.
Ogni vendor di temi ha una pagina per sostenere la propria causa: il demo store. È il tema vestito esattamente come il suo autore vuole che un acquirente lo veda. Quindi abbiamo misurato quello. Quindici demo store live, tre run Lighthouse mobile ciascuno, quarantacinque audit in totale, tutti nello stesso giorno con lo stesso strumento e lo stesso throttling.
| # | Tema (vendor) | LCP | CLS | TBT | Punteggio perf |
|---|---|---|---|---|---|
| 1 | Ultra (UTD) | 1.91s | 0.000 | 65ms | 98 |
| 2 | Boutique (UTD) | 3.67s | 0.007 | 68ms | 85 |
| 3 | Allure (UTD) | 4.33s | 0.001 | 29ms | 81 |
| 4 | Refresh (Shopify) | 5.67s | 0.000 | 27ms | 74 |
| 5 | Dawn (Shopify) | 6.17s | 0.000 | 57ms | 69 |
| 6 | Symmetry (Clean Canvas) | 6.33s | 0.038 | 215ms | 70 |
| 7 | Prestige (Maestrooo) | 6.70s | 0.000 | 104ms | 62 |
| 8 | Gain (UTD) | 7.40s | 0.011 | 158ms | 61 |
| 9 | Warehouse (Maestrooo) | 7.73s | 0.001 | 38ms | 72 |
| 10 | Turbo (Out of the Sandbox) | 8.07s | 0.000 | 134ms | 60 |
| 11 | Impulse (Archetype) | 9.18s | 0.129 | 304ms | 58 |
| 12 | Victory (UTD) | 9.55s | 0.101 | 409ms | 51 |
| 13 | Impression (UTD) | 12.19s | 0.032 | 145ms | 56 |
| 14 | Horizon (Shopify) | 12.32s | 0.000 | 29ms | 62 |
| 15 | Motion (Archetype) | 15.78s | 0.000 | 353ms | 58 |
Mediane di 3 run per demo. LCP = Largest Contentful Paint, CLS = Cumulative Layout Shift, TBT = Total Blocking Time.
Passa solo un demo. La soglia di Google per un buon LCP mobile è 2,5 secondi. Un demo su quindici la supera; tredici stanno sopra la linea dei 4 secondi che Google etichetta come scarsa. Il throttling mobile simulato è deliberatamente severo, ma è il profilo che Lighthouse applica a ogni store nello stesso modo, e la classifica che ne deriva è l’ordine in cui un cliente su uno smartphone di fascia media vive l’esperienza.
Il divario è la notizia. Lo scarto di 13,9 secondi tra Ultra e Motion non è solo una differenza di motore. Sono scelte accumulate su scelte: il peso dei media dell’hero, quanti script vengono eseguiti prima del primo paint, se il tema pubblica il proprio demo in modo sobrio o decorato. Un vendor che mantiene leggera la propria vitrina tende a mantenere leggero anche il tuo store, perché gli stessi default arrivano già nella confezione.
La reputazione di Turbo corre più veloce del suo demo. Lo storico bestseller “performance” di Out of the Sandbox, non più presente nel Theme Store ufficiale e venduto direttamente, si è piazzato decimo, dietro al gratuito Dawn. Il suo demo Seoul ha impiegato 5,6 secondi per il primo paint nei nostri run.
I demo pesanti penalizzano i nuovi temi visivi. Il fondo della tabella è dominato da demo costruiti attorno a video a tutto schermo e immagini di grandi dimensioni: Motion, Horizon, Impression. È un costo reale che i loro store reali pagheranno, a meno che il merchant non sostituisca i media, e si vede nei numeri: il TBT di Horizon è eccellente (29ms) mentre il suo LCP è 12.3s. Il motore va bene; la vitrina è pesante.
La giustificazione economica per limare qualche secondo è documentata in numerosi case study pubblicati: la raccolta di studi sui Core Web Vitals di Google riporta aumenti di conversioni e fatturato derivanti da miglioramenti dell’LCP presso vari retailer. Di fronte a un divario di 8x tra i demo, la scelta del tema è una delle poche decisioni sulla velocità che un merchant prende una volta sola e paga a ogni sessione.
L’intera pipeline, l’elenco dei temi, lo script di esecuzione, il JSON per singolo run e lo script di analisi, è pubblicata insieme a questo articolo. Eseguila su qualunque demo di tema e i tuoi numeri dovrebbero rientrare nella normale varianza di Lighthouse rispetto ai nostri.
I Core Web Vitals di Google considerano buono un LCP sotto i 2,5 secondi e scarso sopra i 4 secondi. Nel nostro audit di 15 demo ufficiali di temi su una connessione mobile simulata, solo un demo è rimasto sotto i 2,5 secondi e tredici sono finiti nella fascia scarsa.
Sui loro demo store, sì: abbiamo misurato un divario di 8x nell'LCP mobile mediano tra il demo più veloce e il più lento. Parte di quel divario è il peso dei contenuti scelti dal vendor per il demo, il che è già di per sé informativo: è il modo in cui l'autore del tema presenta il tema al suo meglio.
Misura il tema così come il vendor lo distribuisce e lo mette in mostra, comprese le sue scelte di immagini, sezioni e funzionalità. Non è un confronto in laboratorio tra pagine identiche, quindi va letto come un segnale forte sui default e sulla disciplina del vendor, non come un verdetto sul solo motore. Descriviamo questo limite nella metodologia.
I Core Web Vitals sono un segnale di ranking confermato da Google, raccolto sul traffico reale di ogni store scansionato. L'effetto è modesto rispetto alla pertinenza, ma l'impatto della latenza sulla conversione è documentato e si somma a esso.