Velocità del tema Shopify su telefoni reali
Il lavoro sulla velocità in Shopify ha una forma prevedibile: i team ottimizzano Liquid, discutono del tema e lasciano un'immagine hero quattro volte più grande di come viene visualizzata e undici script di terze parti che si caricano prima che la pagina venga disegnata.
Misura prima, poi correggi nell'ordine che ripaga.
Dove va davvero il tempo#
| Causa | Quota tipica del problema | Difficoltà di risoluzione |
|---|---|---|
| Immagini sovradimensionate o non ottimizzate | Grande | Facile |
| Script di terze parti e app | Grande | Media — politica, non tecnica |
| Font web | Moderata | Facile |
| Slider pesanti e sezioni hero con video | Moderata | Facile, se riesci a vincere la discussione |
| Rendering Liquid | Piccola | Media |
L'ordine in cui lavorare#
- Misura su un telefono di fascia media con una connessione reale, non sul tuo portatile.
- Correggi le immagini: dimensioni corrette, formato moderno, lazy-load per tutto ciò che è sotto la piega.
- Verifica gli script: rimuovi le app che nessuno usa; differisci tutto ciò che non è necessario per il disegno.
- Taglia l'hero: un'immagine batte un carosello video in autoplay su ogni metrica che conta.
- Riduci e precarica i font, oppure usa font di sistema.
- Solo allora guarda il codice del tema.
Misura ciò che i clienti percepiscono#
Il largest contentful paint sulla pagina prodotto su connessione mobile è il numero che correla con i ricavi. I punteggi sintetici sono utili per individuare regressioni e terribili come obiettivi — un negozio può ottenere un buon punteggio e sembrare comunque lento a un cliente su un treno.
Registra una baseline prima di qualsiasi modifica e dopo ciascuna. Senza una baseline, il lavoro sulla velocità diventa una discussione di opinioni.
La conversazione sulle app#
La maggior parte dei problemi di velocità è l'app preferita di qualcuno. Porta i numeri: questa app costa 400ms su ogni pagina prodotto ed è usata da due persone. Quella conversazione va meglio di "il sito è lento" ed è quella che produce guadagni reali.
Domande frequenti
La scelta del tema conta per la velocità?
Meno delle immagini e degli script. Un tema ben costruito aiuta, ma non può superare undici script di terze parti.
Vale la pena inseguire un punteggio perfetto?
No. Insegui il tempo di disegno della pagina prodotto su un telefono di fascia media; è quello che i clienti sperimentano.
Le app costano davvero così tanto?
Quelle rivolte allo storefront sì. Misura ciascuna disabilitandola e ripetendo il test — i numeri di solito risolvono il dibattito.
velocità shopifyvelocità pagina shopifyperformance shopifycore web vitals shopifyvelocità tema shopify
