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)
- • Dati reali dagli utenti Chrome che visitano il vostro sito
- • 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
Dopo aver analizzato centinaia di report Shopify PSI, abbiamo scoperto che il 60–80% del miglioramento disponibile deriva da sole tre ottimizzazioni: il differimento del JavaScript che blocca il rendering, l'inlining del CSS critico e l'ottimizzazione del caricamento dei font. Queste sono esattamente ciò che 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 differisce il JavaScript non critico in modo che non blocchi il thread principale, rimuovendolo efficacemente dal percorso di rendering critico.
"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> impediscono al browser di renderizzare qualsiasi cosa finché non vengono scaricati. Su Shopify, questi provengono principalmente dalle app — non dal vostro tema.
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 Thunder: 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 Thunder: 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 Thunder: 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 Thunder: 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 Thunder: 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 dal Chrome User Experience Report (CrUX) — metriche reali da utenti Chrome reali che visitano il vostro sito. In particolare, Google esamina tre 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) è uno strumento gratuito di Google che analizza le prestazioni delle pagine e fornisce sia dati di laboratorio (test simulati tramite Lighthouse) che dati sul campo (metriche utente reali dal Chrome User Experience Report). Assegna un punteggio alle pagine 0–100 e misura i Core Web Vitals come LCP, CLS e TBT. Per i negozi Shopify, è lo stesso motore dietro il punteggio di velocità nel vostro pannello di amministrazione di Shopify.
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.
Perché il mio punteggio Shopify PageSpeed differisce dal punteggio di velocità dell'amministratore di Shopify?
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?
Il punteggio in sé non è un fattore di ranking diretto, ma i Core Web Vitals che misura (LCP, CLS, INP) sono segnali di ranking di Google confermati. Google utilizza i dati sul campo di utenti reali — non il punteggio di laboratorio — per i ranking. Tuttavia, migliorare il vostro punteggio di laboratorio di solito migliora anche i dati sul campo, quindi ottimizzare per PSI aiuta indirettamente il vostro 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.