Cos'è Google PageSpeed Insights?
Google PageSpeed Insights (PSI) è uno strumento gratuito su pagespeed.web.dev che analizza le prestazioni di qualsiasi pagina web. Inserisci un URL che restituirà un punteggio di prestazione (0-100) insieme a metriche dettagliate, diagnostica e consigli.
Per i commercianti Shopify, il PSI è particolarmente importante perché è lo stesso motore dietro il tuo Punteggio di velocità dell'amministratore di Shopify. Comprendere il PSI significa capire cosa sta realmente accadendo con le prestazioni del tuo negozio e cosa correggere prima.
PSI fornisce due tipi di dati: dati del campo da utenti reali di Chrome che visitano il tuo sito e dati di laboratorio da un test simulato del Faro. Entrambi sono utili, ma misurano cose diverse e comprendere la differenza è fondamentale per prendere decisioni di ottimizzazione intelligenti.
Come funziona il PSI: dati di laboratorio e dati sul campo
Questo è il concetto più importante da comprendere su Google PageSpeed Insights. PSI mostra due set di dati completamente diversi:
🔬 Dati di laboratorio (Faro)
- • Test simulato su un dispositivo controllato
- • Emula un Moto G Power su 4G strozzato
- • CPU rallentata a 4 volte più lenta del normale
- • Test singolo: i risultati variano ogni volta
- • Produce il punteggio di prestazione 0–100
- • Spettacoli: FCP, LCP, TBT, CLS, Indice di velocità
Ideale per: Debug di problemi specifici, test delle modifiche, confronto prima/dopo
👥 Dati sul campo (CrUX)
- • Real data from Chrome users visiting your site
- • Mix di tutti i dispositivi, connessioni e posizioni
- • Media mobile a 28 giorni — molto stabile
- • Disponibile solo per i siti con traffico sufficiente
- • Nessun punteggio singolo: mostra superato/fallito per metrica
- • Spettacoli: LCP, INP, CLS (i Core Web Vitals)
Ideale per: Comprensione dell'esperienza utente reale, valutazione dell'impatto SEO
💡 Approfondimento chiave: Google utilizza dati del campo per le classifiche di ricerca, non per il punteggio di laboratorio. Un negozio con un punteggio di laboratorio pari a 40 ma che supera il campo Core Web Vitals non verrà penalizzato nella ricerca. Tuttavia, i dati di laboratorio sono ancora preziosi per diagnosticare problemi specifici e misurare l’impatto delle ottimizzazioni.
Ogni metrica PSI spiegata per Shopify
Il test di laboratorio del PSI misura sei parametri. Ecco cosa significa ciascuno di essi nello specifico per i negozi Shopify e cosa in genere causa punteggi bassi:
Prima pittura con contenuti (FCP)
Quando il browser esegue il rendering del primo contenuto
Contesto Shopify: FCP è ritardato dal CSS e JavaScript che bloccano il rendering nel file <head>. Ogni app Shopify che inserisce un foglio di stile o uno script sincrono invia FCP in un secondo momento. La maggior parte dei negozi Shopify dispone di 3-8 risorse per il blocco della visualizzazione.
Correzione: CSS critico in linea, rinvia JavaScript non critico. Thunder fa entrambe le cose automaticamente.
Pittura con contenuti più grande (LCP) Punteggio
Quando l'elemento visibile più grande termina il rendering
Contesto Shopify: LCP su Shopify è solitamente l'immagine hero o un'intestazione di grandi dimensioni. È influenzato da: risorse che bloccano il rendering che ritardano l'avvio, caricamento lento delle immagini (file di grandi dimensioni, nessun precaricamento) e tempo di risposta del server di Shopify (TTFB). Per un approfondimento, consulta il nostro Guida all'ottimizzazione LCP.
Correzione: Precarica l'immagine dell'eroe, CSS critico in linea, rinvia JS con blocco del rendering. Thunder gestisce tutti e tre.
Tempo di blocco totale (TBT)
Per quanto tempo il thread principale rimane bloccato da JavaScript
Contesto Shopify: TBT è il singolo fattore più grande nel tuo punteggio PageSpeed (peso 30%). Su Shopify, è quasi interamente causato da script di app di terze parti: Klaviyo, Judge.me, widget di chat, app di upsell e strumenti di analisi eseguono tutti JavaScript che blocca il thread principale. L'acceleratore simulato 4× della CPU peggiora notevolmente la situazione.
Correzione: Rimanda tutto il JavaScript non critico in modo da non bloccare il thread principale. Questa è l'ottimizzazione principale di Thunder: rinvia gli script delle app mantenendone la funzionalità.
Spostamento cumulativo del layout (CLS)
Quanti elementi visibili si muovono durante il caricamento della pagina
Contesto Shopify: La CLS su Shopify è comunemente causata da: immagini senza attributi larghezza/altezza, caratteri web che si caricano in ritardo e cambiano le dimensioni del testo, contenuto dell'app inserito dinamicamente (popup, banner, widget di recensione) e transizioni di presentazioni/carosello.
Correzione: Imposta le dimensioni dell'immagine, usa la visualizzazione dei caratteri: scambia, riserva spazio per il contenuto dinamico. L'ottimizzazione dei caratteri di Thunder aiuta con il CLS relativo ai caratteri.
Indice di velocità (SI)
La velocità con cui i contenuti visibili riempiono l'area visibile
Contesto Shopify: L'indice di velocità misura l'esperienza di carico visivo complessiva. È influenzato da tutto: risorse che bloccano il rendering, ordine di caricamento delle immagini, consegna CSS ed esecuzione JavaScript. Consideratela una metrica "composita".
Correzione: Migliorare FCP e LCP migliora automaticamente l'indice di velocità. Non è necessaria alcuna azione separata.
Come leggere il report PSI di Shopify
Quando gestisci il tuo negozio Shopify tramite PageSpeed Insights, vedrai diverse sezioni. Ecco come leggerli tutti o, se vuoi prima avere una base veloce, testa le prestazioni del tuo negozio con il nostro test di velocità Shopify gratuito:
Passaggio 1: controllare prima i dati del campo
Nella parte superiore del rapporto PSI, cerca "Scopri cosa stanno sperimentando i tuoi utenti reali". Se il tuo negozio ha abbastanza traffico, vedrai i veri Core Web Vitals (LCP, INP, CLS). I segni di spunta verdi indicano che stai superando la soglia di ranking di Google: questo è ciò che conta di più per il SEO. Se non disponi di dati sul campo, il tuo negozio non ha ancora abbastanza traffico Chrome.
Passaggio 2: guarda il punteggio di prestazione
Il numero grande (0–100) è il punteggio di laboratorio. Ricorda: questo è un test simulato su un dispositivo mobile limitato, non l'esperienza degli utenti reali. È utile per il benchmarking e il debug, ma non ossessionarti. Per contestualizzare, la maggior parte dei negozi Shopify ottiene un punteggio compreso tra 20 e 50 sui dispositivi mobili.
Passaggio 3: controlla quali metriche sono rosse
Le sei metriche sono codificate a colori. Concentrati prima su quelli rossi: hanno più margine di miglioramento. Per la maggior parte dei negozi Shopify, TBT e LCP sono i peggiori trasgressori. Il TBT rappresenta il 30% del tuo punteggio, quindi risolverlo produce il guadagno di punti maggiore.
Passaggio 4: esamina opportunità e diagnostica
Scorri verso il basso fino a "Opportunità" (cose che fanno risparmiare tempo di caricamento) e "Diagnostica" (problemi strutturali). PSI stima il risparmio di tempo per ogni opportunità. Concentrati sugli elementi con il risparmio maggiore, in genere "Elimina le risorse che bloccano la visualizzazione" e "Riduci JavaScript inutilizzato".
Passaggio 5: non inseguire ogni problema
PSI spesso segnala 15-20 problemi. Molti hanno un impatto minimo (il risparmio di 50 ms non ha importanza quando il TBT è di 3.000 ms). Concentrati sulle 3-5 principali opportunità con il risparmio stimato più elevato. Ecco da dove verrà l'80% del tuo miglioramento.
La soluzione semplice: migliora il tuo punteggio PSI di oltre 27 punti
After analyzing hundreds of Shopify PSI reports, we've found that 60–80% of the available improvement comes from just three optimizations: deferring render-blocking JavaScript, inlining critical CSS, and optimizing font loading. These are exactly what Thunder Page Speed Optimizer automatizza.
Come Thunder risolve i problemi PSI più comuni:
"Elimina le risorse che bloccano la visualizzazione"
Thunder rinvia tutti i JS e CSS che bloccano il rendering, inclusi gli script di app di terze parti che non puoi controllare manualmente. Risparmio tipico: 1–3 secondi.
"Riduci JavaScript non utilizzato"
Thunder defers non-critical JavaScript so it doesn't block the main thread, effectively removing it from the critical rendering path.
"Riduci i CSS non utilizzati"
Thunder integra solo i CSS critici necessari per i contenuti sopra la piega e carica il resto in modo asincrono.
"Assicurati che il testo rimanga visibile durante il caricamento del webfont"
Thunder aggiunge la visualizzazione dei caratteri: scambia e precarica automaticamente i caratteri critici.
"Ridurre l'impatto del codice di terze parti"
Thunder controlla quando e come vengono eseguiti gli script di terze parti, riducendo il loro impatto su TBT.
Miglioramento medio: +27 punti PageSpeed
Installazione con un clic. Nessuna modifica al codice. Nessuna modifica al tema. Funziona con tutti i temi e le app Shopify.
Piano gratuito disponibile · Nessuna carta di credito richiesta · Installazione in 30 secondi · Vedi caratteristiche · Vedi i prezzi
Problemi comuni di Shopify in PageSpeed Insights
Ecco i problemi PSI che i negozi Shopify riscontrano più frequentemente, classificati in base all'impatto tipico:
"Elimina le risorse che bloccano la visualizzazione"
Alto impatto Cosa significa: File JavaScript e CSS nel tuo file <head> prevent the browser from rendering anything until they download. On Shopify, these are mostly from apps — not your theme.
Risparmio tipico: 1.000–4.000 ms
Correzione manuale: Aggiungi differire per scrivere i tag, ma questo rischia di interrompere la funzionalità dell'app. Vedi il nostro Guida alle risorse per il blocco del rendering. Correzione tuono: Automatico: rinvia tutti gli script con mappatura delle dipendenze.
"Riduci JavaScript non utilizzato"
Alto impattoCosa significa: I file JavaScript vengono caricati ma non tutto il codice viene utilizzato nella pagina corrente. Le app spesso caricano l'intero pacchetto di script anche quando ne è necessaria solo una frazione.
Risparmio tipico: 500–3.000 ms
Correzione manuale: Non puoi scuotere il codice di app di terze parti. Rimuovi completamente le app inutilizzate. Per una panoramica completa di tutte le tecniche di ottimizzazione, consulta la nostra guida completa all'ottimizzazione della velocità. Correzione tuono: Rimanda gli script non utilizzati in modo che vengano caricati dopo che la pagina è interattiva.
"Ridimensiona correttamente le immagini"
Impatto medioCosa significa: Le immagini vengono fornite con una risoluzione maggiore di quella visualizzata. Un'immagine del prodotto da 4000×4000px visualizzata a 400×400px spreca il 99% dei dati.
Risparmio tipico: 200–2.000 ms
Correzione manuale: Usa Shopify url_immagine
Filtro con parametri di larghezza. Vedi il nostro guida all'ottimizzazione delle immagini. Correzione tuono: Parziale: Thunder carica lentamente le immagini fuori schermo ma non le ridimensiona.
"Ridurre l'impatto del codice di terze parti"
Impatto medioCosa significa: Gli script di terze parti (analisi, chat, recensioni, ecc.) contribuiscono in modo significativo al TBT. PSI elenca ciascun dominio e la quantità di tempo del thread principale che consuma.
Correzione manuale: Rimuovi app o ritardane il caricamento con JavaScript personalizzato. Complesso e rischioso. Leggi il nostro Guida agli script di terze parti. Correzione tuono: Automatico: gestisce tutti i tempi di esecuzione degli script di terze parti.
"Evita una dimensione DOM eccessiva"
Impatto medio-bassoCosa significa: La tua pagina contiene troppi elementi HTML (oltre 1.500). I page builder come GemPages e PageFly spesso generano da 3.000 a 6.000+ elementi.
Correzione manuale: Semplifica la struttura della pagina, riduci le sezioni, considera le sezioni tematiche native rispetto ai page builder. Correzione tuono: Non applicabile: si tratta di una questione strutturale.
Perché i punteggi di PageSpeed su dispositivi mobili sono sempre più bassi
La maggior parte dei commercianti Shopify riscontra un divario di 20-40 punti tra i punteggi PSI mobile e desktop. Questo non è un bug: è previsto dalla progettazione. Il test mobile è volutamente più severo:
📱 Condizioni di prova mobile
- • Moto G Power emulato (telefono di fascia media)
- • CPU rallentata a 4 volte più lenta
- • Connessione 4G lenta simulata
- • Visualizzazione: 412×823px
- • Soglie di punteggio molto più severe
💻 Condizioni di test desktop
- • Nessuna emulazione di dispositivo specifico
- • Nessuna limitazione della CPU
- • Nessuna limitazione della rete
- • Visualizzazione: 1350×940px
- • Soglie di punteggio più indulgenti
Quale conta di più? Focus sui dispositivi mobili. Google utilizza l'indicizzazione mobile-first e il test mobile riflette più da vicino le condizioni sperimentate da molti dei tuoi clienti. Se il tuo punteggio mobile è buono, quasi sicuramente lo sarà anche quello desktop.
Punteggio PSI rispetto al punteggio di velocità dell'amministratore di Shopify
Entrambi utilizzano Google Lighthouse, ma differiscono in aspetti importanti:
| Fattore | PageSpeed Insights | Punteggio amministratore Shopify |
|---|---|---|
| Pagine testate | Qualsiasi URL tu scelga | Solo home page |
| Numero di corse | Prova singola | Media su più esecuzioni |
| Include i dati del campo | Sì (se disponibile) | No |
| Frequenza di aggiornamento | Su richiesta | Periodico (varia) |
| Confronto | Punteggio assoluto | Rispetto a negozi simili |
Differenze di 5–15 punti tra i due sono normali. Nessuno dei due è "sbagliato": sono solo contesti di misurazione diversi. Per il lavoro di ottimizzazione, utilizza direttamente PSI poiché fornisce una diagnostica dettagliata e ti consente di testare qualsiasi pagina.
Cosa utilizza effettivamente Google per il posizionamento nelle ricerche
Ecco la verità che la maggior parte degli articoli sull'ottimizzazione della velocità saltano: Google NON utilizza il tuo punteggio di laboratorio PageSpeed Insights per le classifiche.
Google utilizza dati del campo from the Chrome User Experience Report (CrUX) — real metrics from real Chrome users visiting your site. Specifically, Google looks at three Core Web Vitals:
LCP
La più grande vernice ricca di contenuti
≤ 2,5s per passare
INP
Interazione con la pittura successiva
≤ 200ms da superare
CLS
Spostamento cumulativo del layout
≤ 0,1 da superare
Per superare i Core Web Vitals, almeno il 75% dei tuoi utenti reali deve avere esperienze "buone" per tutte e tre le metriche. Puoi controllare i dati del tuo campo nella parte superiore di qualsiasi rapporto PSI o in Google Search Console in Core Web Vitals.
💡 Asporto pratico: Se il tuo report PSI mostra dati sul campo superati (spunte verdi in alto), la tua velocità va bene per il SEO, anche se il punteggio di laboratorio sembra spaventoso. Se non disponi ancora di dati sul campo, è comunque utile migliorare il punteggio di laboratorio perché è correlato a migliori esperienze utente reali.
Domande frequenti
Cos'è Google PageSpeed Insights?
Google PageSpeed Insights (PSI) is a free tool by Google that analyzes page performance and provides both lab data (simulated tests via Lighthouse) and field data (real user metrics from the Chrome User Experience Report). It scores pages 0–100 and measures Core Web Vitals like LCP, CLS, and TBT. For Shopify stores, it's the same engine behind the speed score in your Shopify admin.
Qual è un buon punteggio PageSpeed Insights per Shopify?
Un punteggio di 90-100 è "buono" (verde), 50-89 è "necessita di miglioramenti" (arancione) e 0-49 è "scarso" (rosso). La maggior parte dei negozi Shopify ottiene un punteggio compreso tra 20 e 50 sui dispositivi mobili grazie ad app e script di terze parti. Un obiettivo realistico per la maggior parte dei commercianti è 60-80. Gli utenti Thunder in genere raggiungono 70–90+ senza modifiche manuali del codice.
Why does my Shopify PageSpeed score differ from the Shopify admin speed score?
Entrambi utilizzano Google Lighthouse, ma con condizioni di test diverse. Shopify esegue il test sulla tua home page utilizzando impostazioni server specifiche e calcola la media di più esecuzioni. PageSpeed Insights ti consente di testare qualsiasi pagina e mostra una singola esecuzione. Differenze di 5–15 punti sono normali. Nessuno dei due è "sbagliato": sono solo contesti di misurazione diversi.
Il punteggio di Google PageSpeed Insights influisce sulla SEO?
The score itself is not a direct ranking factor, but the Core Web Vitals it measures (LCP, CLS, INP) are confirmed Google ranking signals. Google uses field data from real users — not the lab score — for rankings. However, improving your lab score typically improves field data too, so optimizing for PSI indirectly helps your SEO.
Perché il mio punteggio PageSpeed mobile di Shopify è molto più basso di quello desktop?
Il test mobile di PSI simula un telefono di fascia media (Moto G Power) con una connessione 4G limitata con un rallentamento della CPU 4×. Questo è notevolmente più duro del test desktop, che utilizza una connessione senza limitazioni e una CPU più veloce. I negozi Shopify ricchi di JavaScript sono i più colpiti perché la CPU limitata impiega molto più tempo per analizzare ed eseguire gli script. La maggior parte dei negozi ottiene un punteggio inferiore di 20-40 punti sui dispositivi mobili rispetto ai desktop.
Con quale frequenza dovrei eseguire PageSpeed Insights sul mio negozio Shopify?
Esegui PSI dopo qualsiasi modifica importante (nuova installazione di app, aggiornamento del tema, modifica del contenuto). Per il monitoraggio di routine, una frequenza settimanale è sufficiente, ma è sempre sufficiente una media di 3-5 analisi poiché i risultati individuali variano. Thunder include un monitoraggio automatizzato giornaliero che tiene traccia del tuo punteggio nel tempo, il che è più affidabile dei controlli a campione manuali.
Thunder è in grado di risolvere i problemi rilevati da PageSpeed Insights?
Sì, Thunder risolve automaticamente i problemi PSI più comuni e di maggior impatto per Shopify: risorse che bloccano la visualizzazione, JavaScript non utilizzato, consegna CSS non ottimizzata, problemi di caricamento dei caratteri e impatto di script di terze parti. Questi in genere rappresentano il 60-80% del miglioramento disponibile. Problemi come l'ottimizzazione delle immagini e le dimensioni del DOM richiedono lavoro manuale o strumenti aggiuntivi.