{"id":5981,"date":"2023-11-09T15:00:00","date_gmt":"2023-11-09T15:00:00","guid":{"rendered":"https:\/\/storeseo.com\/?p=5981"},"modified":"2023-11-15T04:56:47","modified_gmt":"2023-11-15T04:56:47","slug":"google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/storeseo.com\/it\/google-pagespeed-insights\/","title":{"rendered":"Google PageSpeed Insights: cos'\u00e8 e 10 modi per aumentare il suo punteggio"},"content":{"rendered":"

Avere un sito web che si carica rapidamente ed efficientemente non \u00e8 solo un lusso; \u00e8 una necessit\u00e0. PageSpeed Insights \u00e8 uno strumento di Google che valuta la velocit\u00e0 di caricamento del tuo sito web e offre preziosi suggerimenti per renderlo ancora pi\u00f9 veloce. Non importa se sei un proprietario di un sito web, un content manager o un esperto SEO, dovresti avere le idee chiare su Informazioni sulla velocit\u00e0 di pagina di Google (PSI)<\/strong>, le sue metriche e i modi per aumentare il suo punteggio.\u00a0<\/p>\n\n\n\n

\"\"
<\/figcaption><\/figure>\n\n\n\n

In questo blog, condivideremo cos'\u00e8 PageSpeed Insights di Google, quali metriche utilizza (insieme all'intervallo ideale a cui dovresti mirare) per misurare le prestazioni del tuo sito Web e 10 modi semplici e pratici per migliorare il punteggio di Google PageSpeed Insights per il tuo sito Web. Quindi, se vuoi ottenere un punteggio di 100\/100 o vicino a questo benchmark, continua a leggere.<\/p>\n\n\n\n

Che cos'\u00e8 Google PageSpeed Insights?<\/strong><\/h2>\n\n\n\n

Google PageSpeed Insights (PSI) \u00e8 uno strumento gratuito strumento di misurazione delle prestazioni<\/a> di Google. Questo strumento \u00e8 utile per analizzare la velocit\u00e0 di pagina di un sito web o di un URL sia su dispositivi mobili che desktop. <\/p>\n\n\n\n

Indipendentemente dall'URL inserito in questo strumento, il PSI fornir\u00e0 un punteggio di performance complessivo dopo aver analizzato varie metriche (maggiori informazioni di seguito). Il punteggio di performance pu\u00f2 intervallo da 0 a 100<\/strong>. <\/p>\n\n\n\n

Qui, 0 \u00e8 il punteggio pi\u00f9 basso e 100 \u00e8 il punteggio pi\u00f9 alto. Pi\u00f9 alto \u00e8 il punteggio, pi\u00f9 ottimizzata \u00e8 la pagina o il sito web. Un punteggio pi\u00f9 alto di solito si traduce in maggiore velocit\u00e0 ed efficienza del sito web analizzato. Una volta che questo strumento completa l'analisi, ti suggerir\u00e0 le aree in cui migliorare il punteggio e le opportunit\u00e0 di ottimizzazione. <\/p>\n\n\n\n

Nota che, nonostante esistano diversi strumenti di controllo della velocit\u00e0 di pagina per i proprietari di siti web, Google PageSpeed Insights (PSI) \u00e8 il pi\u00f9 popolare. Uno dei motivi di tale popolarit\u00e0 pu\u00f2 essere che proviene da Google e la maggior parte dei proprietari di siti web intende far s\u00ec che il proprio sito web abbia un bell'aspetto su questa piattaforma.<\/p>\n\n\n\n

Importanti metriche di PageSpeed Insights e punteggi ideali per l'ottimizzazione<\/strong><\/h2>\n\n\n\n

Gli utenti si aspettano che le pagine web si carichino rapidamente e funzionino senza problemi, ed \u00e8 qui che entra in gioco PageSpeed Insights. Per ottimizzare efficacemente il tuo sito web e ottenere un punteggio migliore su Google PageSpeed Insights, devi comprendere le metriche che utilizza, come CLS, LCP, FID, FCP, INP e TTFB, e i punteggi ideali per queste metriche su vari dispositivi. <\/p>\n\n\n

\n
\"pagespeed<\/figure>\n<\/div>\n\n\n

Quindi, come funziona? Bene, una volta inserito il link del tuo sito web su Google PageSpeed Insights e cliccato sul pulsante "Analizza", otterrai un punteggio di performance complessivo (sia per dispositivi mobili che per desktop) basato sulla performance media su diverse metriche. Parliamo di quelle metriche in base alle quali viene calcolato il punteggio di performance complessivo.  <\/p>\n\n\n\n

Vernice con contenuto pi\u00f9 grande (LCP)<\/strong><\/h3>\n\n\n\n

Il pi\u00f9 grande contenuto di vernice<\/a>, o LCP, misura la rapidit\u00e0 con cui l'elemento di contenuto pi\u00f9 grande all'interno della viewport diventa visibile. Ha un impatto diretto sulla velocit\u00e0 di caricamento percepita della tua pagina. il punteggio LCP ideale \u00e8 di 2,5 secondi o meno<\/strong>. Tuttavia, devi considerare seriamente questa metrica se \u00e8 superiore a 4 secondi. Un LCP pi\u00f9 veloce assicura che gli utenti possano vedere e interagire con i tuoi contenuti rapidamente. <\/p>\n\n\n

\n
\"largest
Fonte dell'immagine: sviluppo web<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

Ritardo del primo ingresso (FID)<\/strong><\/h3>\n\n\n\n

Ritardo del primo input<\/a>, o FID, valuta la reattivit\u00e0 di una pagina web misurando il tempo impiegato dal browser per elaborare la prima interazione di un utente (clic o tocco). Un punteggio FID pi\u00f9 basso indica un sito web pi\u00f9 reattivo. Google consiglia un ideale Punteggio FID di 100 millisecondi o meno<\/strong>Un punteggio migliore in questo caso garantisce che gli utenti possano interagire con il tuo sito senza troppi ritardi. <\/p>\n\n\n

\n
\"first<\/figure>\n<\/div>\n\n\n

Spostamento cumulativo del layout (CLS)<\/strong><\/h3>\n\n\n\n

Spostamento cumulativo del layout<\/a>, o CLS, misura la stabilit\u00e0 visiva di una pagina web. Quantifica la misura in cui gli elementi della pagina si spostano durante il caricamento. Un punteggio CLS basso \u00e8 fondamentale per garantire un'esperienza utente fluida. Google raccomanda un punteggio CLS pari o inferiore a 0,1<\/strong>Se riesci a raggiungere questo punteggio, i tuoi utenti non saranno frustrati dagli elementi che saltano da una parte all'altra della pagina.<\/p>\n\n\n

\n
\"cumulative<\/figure>\n<\/div>\n\n\n

Prima vernice contenta (FCP)<\/strong><\/h3>\n\n\n\n

Prima vernice contenta<\/a>, o FCP, misura il tempo impiegato dal browser per visualizzare il primo contenuto sullo schermo. \u00c8 un elemento chiave nella percezione della velocit\u00e0 di caricamento della pagina. Secondo Google, dovresti fare del tuo meglio per mantenere un Punteggio FCP di 1,8 secondi o meno<\/strong> per il tuo sito web. Questo punteggio assicura che gli utenti vedano rapidamente contenuti significativi. <\/p>\n\n\n

\n
\"first<\/figure>\n<\/div>\n\n\n

Interazione con la vernice successiva (INP)<\/strong><\/h3>\n\n\n\n

Interazione con la prossima vernice<\/a>, o INP, valuta il tempo impiegato dall'interazione di un utente con la pagina per portare al successivo cambiamento visivo sullo schermo. Un punteggio INP pi\u00f9 basso indica un sito Web pi\u00f9 reattivo. Dovresti cercare di mantenere il Punteggio INP di 200 millisecondi o meno<\/strong> per dispositivi mobili e desktop. Un buon punteggio in questo caso assicura che le interazioni degli utenti siano tradotte in modo fluido e rapido in modifiche visibili sulla pagina.<\/p>\n\n\n

\n
\"interaction<\/figure>\n<\/div>\n\n\n

Tempo al primo byte (TTFB)<\/strong><\/h3>\n\n\n\n

Tempo per il primo byte<\/a>, o TTFB, misura il tempo impiegato dal browser per ricevere il primo byte di dati dal server. Ha un impatto diretto sul tempo di risposta percepito dal server. Il TTFB ideale il punteggio \u00e8 di 0,8 secondi o meno<\/strong>. Se hai un punteggio buono, significa che il server risponde rapidamente. Aiuter\u00e0 a ridurre i tempi di attesa degli utenti e a migliorare la loro esperienza di navigazione.<\/p>\n\n\n

\n
\"time<\/figure>\n<\/div>\n\n\n

L'ottimizzazione di queste metriche comporta una combinazione di fattori, tra cui la riduzione al minimo delle risorse di blocco del rendering, l'ottimizzazione delle immagini, lo sfruttamento della cache del browser, la riduzione di JavaScript non necessario e l'ottimizzazione dei tempi di risposta del server. Dare priorit\u00e0 all'ottimizzazione mobile \u00e8 particolarmente importante, poich\u00e9 gli algoritmi di ranking di Google considerano la compatibilit\u00e0 con i dispositivi mobili.<\/p>\n\n\n\n

Comprendere e raggiungere i punteggi ideali per CLS, LCP, FID, FCP, INP e TTFB su dispositivi mobili e desktop \u00e8 essenziale per l'ottimizzazione delle pagine web. Puntare a questi punteggi ideali contribuisce a un sito web pi\u00f9 veloce e intuitivo. Per raggiungere questi punteggi e migliorare il punteggio complessivo delle prestazioni del tuo sito web sullo strumento PageSpeed Insights, \u00e8 fondamentale implementare le best practice che condivideremo di seguito. <\/p>\n\n\n\n

10 modi per migliorare il punteggio di Google PageSpeed Insights (PSI) <\/strong><\/h2>\n\n\n\n

Ora che sai cos'\u00e8 PageSpeed Insights e quali sono le sue metriche, ti mostreremo 10 modi pratici e semplici per aumentare il punteggio di Google PageSpeed Insights per il tuo sito web o una qualsiasi delle tue pagine web. Ricorda, pi\u00f9 riesci a ottimizzare il tuo sito web, migliore sar\u00e0 il punteggio delle prestazioni su Google PageSpeed Insights.\u00a0<\/p>\n\n\n\n

1. Ottimizza le tue immagini <\/strong><\/h3>\n\n\n\n

Le immagini svolgono un ruolo significativo nelle prestazioni web e ottimizzarle pu\u00f2 avere un impatto notevole sul tuo punteggio Google PageSpeed Insights. Se ottimizza le immagini del tuo sito web<\/a> correttamente, puoi facilmente ridurre i tempi FCP e LCP. Inoltre, puoi minimizzare i problemi CLS. Qui esploreremo le strategie chiave per rendere le tue immagini pi\u00f9 adatte al web senza entrare troppo nei dettagli. <\/p>\n\n\n\n

\ud83d\udc49\ud83c\udffd Immagini dimagranti pesanti<\/strong><\/h4>\n\n\n\n

Immagina il tuo sito web come un'auto da corsa. Se trasporta troppo peso, sar\u00e0 pi\u00f9 lento in pista. Lo stesso vale per il tuo sito. Le immagini, come favicon, loghi e immagini di prodotti, possono talvolta costituire una grossa fetta delle dimensioni della tua pagina web. Quando ci\u00f2 accade, rallenta il tuo sito web e influisce sull'esperienza utente.<\/p>\n\n\n\n

Quindi, qual \u00e8 la soluzione? Innanzitutto, considera di sostituire le immagini PNG con JPEG. I JPEG sono molto pi\u00f9 leggeri e veloci. Inoltre, i compressori di immagini come PNG minuscolo<\/a>, Guetzli<\/a>, E Formato JPG 2 PNG<\/a> pu\u00f2 aiutare a ridurre le dimensioni delle tue immagini senza comprometterne la qualit\u00e0. Potresti anche dover eliminare alcune immagini dal tuo sito web. <\/p>\n\n\n

\n
\"tinypng<\/figure>\n<\/div>\n\n\n

Prima di procedere con l'audit dell'utilizzo delle immagini sul tuo sito web, chiediti: "Ho davvero bisogno di tutte queste immagini?" In caso contrario, prendi in considerazione la rimozione di quelle non necessarie per risparmiare dati e migliorare i tempi di caricamento.<\/p>\n\n\n\n

\ud83d\udc49\ud83c\udffd Le migliori pratiche per l'ottimizzazione delle immagini<\/strong><\/h4>\n\n\n\n

Ora, analizziamo alcune delle migliori pratiche per l'ottimizzazione delle immagini:<\/p>\n\n\n\n

Ridimensiona e comprimi le immagini:<\/strong> Ridimensiona le tue immagini alle giuste dimensioni per la tua pagina web. Riduce le dimensioni del file senza perdere troppa qualit\u00e0. Puoi comprimere le tue immagini in blocco dal tuo sito web WordPress usando Plug-in TinyPNG<\/a>. <\/p>\n\n\n\n

Imposta le dimensioni dell'immagine:<\/strong> Assicurati di specificare l'altezza e la larghezza esatte per ogni immagine nel codice del tuo sito web. Ci\u00f2 aiuta il browser a caricare la pagina in modo pi\u00f9 efficiente, riducendo i cambiamenti di layout e migliorando l'esperienza utente.<\/p>\n\n\n\n

Utilizzare una rete per la distribuzione dei contenuti (CDN):<\/strong> Una CDN memorizza le tue immagini in varie posizioni in tutto il mondo e le consegna rapidamente ai visitatori del tuo sito web. Ci\u00f2 riduce il tempo necessario alle tue immagini per raggiungere il dispositivo dell'utente. Di conseguenza, il tuo sito web si carica pi\u00f9 velocemente.<\/p>\n\n\n\n

\ud83d\udc49\ud83c\udffd Caricamento lento per un caricamento pi\u00f9 veloce<\/strong><\/h4>\n\n\n\n

Ecco un trucco fantastico chiamato "lazy loading". \u00c8 come avere una bacchetta magica per rendere il tuo sito web pi\u00f9 veloce. A volte, le pagine web caricano immagini che non riesci ancora a vedere sullo schermo. Queste immagini nascoste rallentano la tua pagina.<\/p>\n\n\n\n

Il caricamento lento funziona cos\u00ec: carica le immagini solo quando servono. Immagina un libro in cui la pagina successiva appare solo quando lo giri. Questo pu\u00f2 farti risparmiare un sacco di tempo, specialmente su dispositivi mobili con connessioni Internet lente.<\/p>\n\n\n\n

Se utilizzi WordPress, ci sono plugin come \u201cCaricamento pigro<\/a>" O "Schiacciare<\/a>" che pu\u00f2 farlo per te.<\/p>\n\n\n

\n
\"smush<\/figure>\n<\/div>\n\n\n

2. Usa un tema pi\u00f9 veloce e pulito<\/strong><\/h3>\n\n\n\n

Ci sono alcuni temi che sono realizzati tenendo a mente la velocit\u00e0 del sito web. Questi temi sono pi\u00f9 leggeri e reattivi e hanno la compressione GZIP integrata. <\/p>\n\n\n\n

Puoi controllare questo elenco di Temi e-commerce Shopify<\/a>e decidi se dovresti prendere in considerazione l'aggiornamento del tema del tuo sito web per migliorare i tuoi punteggi PSI e la SEO complessiva.<\/p>\n\n\n\n

3. Incorpora contenuti video <\/strong><\/h3>\n\n\n\n

Se vuoi caricare video sul tuo sito web, il nostro consiglio \u00e8: non farlo. Caricare video direttamente sul tuo sito web pu\u00f2 sovraccaricare il tuo sito web. \u00c8 particolarmente problematico e stressante per il tuo server web quando pi\u00f9 utenti riproducono i tuoi video contemporaneamente. <\/p>\n\n\n\n

Quindi, cosa puoi fare? Non prenderti la briga di caricare il tuo video direttamente sul tuo sito web. Carica invece i tuoi video su piattaforme come YouTube, Vimeo o Dailymotion e poi incorpora il video sul tuo sito web utilizzando IncorporaPress<\/a>Ti aiuter\u00e0 a migliorare significativamente la velocit\u00e0 di caricamento della tua pagina e a migliorare il punteggio del tuo sito web su Google PageSpeed Insights. <\/p>\n\n\n

\n
\"EmbedPress<\/figure>\n<\/div>\n\n\n

Un'altra cosa: se vuoi condividere qualcosa di animato sul tuo sito web, prendi in considerazione l'utilizzo di file in formato GIF dopo averli compressi con Compressore GIF<\/a>Puoi anche modificare la tua GIF con una variet\u00e0 di strumenti come Gif facile<\/a>Assicurati che le GIF siano brevi per mantenere stabile la velocit\u00e0 della tua pagina. <\/p>\n\n\n\n

4. Dare priorit\u00e0 ai contenuti above-the-fold<\/strong><\/h3>\n\n\n\n

Anche se potrebbe sembrarti strano, dovresti sapere che il caricamento della pagina non riguarda solo la velocit\u00e0 con cui si carica. Anche le prestazioni percepite sono un fattore importante da misurare. <\/p>\n\n\n\n

COS\u00cc cos'\u00e8 la prestazione percepita<\/strong>? Beh, in parole semplici, la performance percepita \u00e8 "quanto velocemente un sito web appare agli utenti quando si carica". Non riguarda esattamente la velocit\u00e0 di caricamento del tuo sito web e non pu\u00f2 essere misurata con alcuno strumento di test per siti web. Piuttosto, riguarda la prospettiva o l'esperienza degli utenti. <\/p>\n\n\n\n

Se tieni a migliorare le prestazioni percepite, dovresti dare priorit\u00e0 al caricamento di contenuti importanti per i tuoi utenti. Facciamo un esempio per chiarire: il contenuto above-the-fold del tuo sito web deve essere caricato prima di qualsiasi widget di terze parti. <\/p>\n\n\n\n

5. Abilitare e sfruttare la memorizzazione nella cache del browser<\/strong><\/h3>\n\n\n\n

Immagina di leggere un libro di fiabe avvincente. Ora, pensa a un segnalibro che ricorda l'ultima pagina che hai letto, cos\u00ec puoi continuare subito l'avventura la volta successiva. La memorizzazione nella cache del browser \u00e8 un po' come quel segnalibro per le pagine web. \u00c8 un trucco fantastico che aiuta le pagine web a caricarsi pi\u00f9 velocemente, specialmente per i visitatori di ritorno.<\/p>\n\n\n\n

Quindi, come funziona? Quando i tuoi visitatori visitano una pagina del tuo sito web, le immagini e i video vengono salvati sui loro dispositivi. La volta successiva che tornano, il loro browser non deve recuperare di nuovo quelle immagini e quei video dal web. Il browser li carica rapidamente dalla sua memoria, facendo apparire la pagina in un attimo. <\/p>\n\n\n\n

In altre parole, la memorizzazione nella cache del browser aiuta il browser dei tuoi visitatori a "ricordare" alcune parti di una pagina web che sono state caricate di recente, come l'intestazione, la navigazione e il logo. In questo modo, il loro browser non ha bisogno di recuperare quegli elementi invariati ogni volta che visitano una pagina web e ottengono tempi di caricamento super rapidi. <\/p>\n\n\n\n

\u00c8 importante notare che Google consiglia una politica di caching minima di una settimana. Tuttavia, fino a un anno va bene per gli elementi che non cambiano frequentemente.<\/p>\n\n\n\n

Ora, ecco la parte interessante: pi\u00f9 il browser dei tuoi visitatori pu\u00f2 memorizzare nella cache, meno deve caricare quando visitano una pagina web. Il risultato? Le pagine web si caricano pi\u00f9 velocemente e i visitatori possono godersi il contenuto senza dover aspettare. E come bonus, ottieni un punteggio pi\u00f9 alto in Google PageSpeed Insights per il tuo sito web. <\/p>\n\n\n\n

6. Correggere i reindirizzamenti di pi\u00f9 pagine <\/strong><\/h3>\n\n\n\n

Sai cosa succede quando reindirizzi una pagina a un altro URL? Quando provi a visitare una pagina e questa \u00e8 stata reindirizzata, il server comunica al tuo browser che la pagina \u00e8 stata spostata. Quindi, il tuo browser deve recuperare il nuovo URL. Questo passaggio aggiuntivo pu\u00f2 rallentare il caricamento della tua pagina.<\/p>\n\n\n\n

Ecco perch\u00e9 \u00e8 fondamentale ridurre al minimo i reindirizzamenti quando possibile. Anche un solo reindirizzamento pu\u00f2 influire sulla velocit\u00e0 della pagina, ma le cose possono complicarsi quando si incontrano pi\u00f9 reindirizzamenti di seguito. Chiamiamo questo una "catena di reindirizzamenti". Spesso si verificano quando le vecchie pagine vengono sostituite con quelle nuove, lasciando una scia di reindirizzamenti.<\/p>\n\n\n\n

Google pu\u00f2 gestire fino a 10 reindirizzamenti senza problemi. Ma le catene di reindirizzamento possono rallentare il tuo sito senza una buona ragione. Per aumentare il tempo di caricamento della tua pagina e il punteggio PageSpeed Insights, \u00e8 meglio mantenere le cose semplici. Reindirizza direttamente dall'URL originale a quello pi\u00f9 recente. Per affrontare queste catene di reindirizzamento, puoi usare strumenti SEO come Semrush. <\/p>\n\n\n\n

Se noti delle catene di reindirizzamento, puoi risolverle anche dal tuo sito web WordPress. Collegamenti migliori<\/a> Il plugin ti consentir\u00e0 di accorciare, gestire e tracciare qualsiasi URL, oltre ad aiutarti con molteplici opzioni di reindirizzamento. <\/p>\n\n\n

\n
\"Betterlinks<\/figure>\n<\/div>\n\n\n

Mantenendo i tuoi redirect semplici e riducendo al minimo le catene di redirect, non solo migliorerai la velocit\u00e0 della tua pagina, ma renderai anche il tuo sito web pi\u00f9 user-friendly e SEO-friendly. \u00c8 come liberare la strada per i tuoi visitatori online, aiutandoli a raggiungere la loro destinazione pi\u00f9 velocemente.<\/p>\n\n\n\n

7. Riduci CSS, HTML e JavaScript<\/strong><\/h3>\n\n\n\n

Capire come migliorare le prestazioni del tuo sito web pu\u00f2 essere essenziale, soprattutto se vuoi raggiungere il punteggio massimo di Google PageSpeed Insights.<\/p>\n\n\n\n

Minimizzazione del codice<\/a> \u00e8 come riordinare una stanza disordinata. Comporta la rimozione di elementi non necessari o ridondanti dai file CSS, HTML e JavaScript senza comprometterne la funzionalit\u00e0. Cos\u00ec facendo, riduci le dimensioni del file, con conseguenti tempi di caricamento pi\u00f9 rapidi.<\/p>\n\n\n\n

Ecco perch\u00e9 la minimizzazione \u00e8 fondamentale per l'ottimizzazione del sito web:<\/p>\n\n\n\n

File CSS:<\/strong> Il CSS \u00e8 responsabile dello stile del tuo sito web. Tuttavia, a volte pu\u00f2 contenere spazi extra, commenti e codice ridondante. La minimizzazione del CSS implica l'eliminazione di questi elementi non essenziali, rendendo il file pi\u00f9 snello e veloce da caricare.<\/p>\n\n\n\n

JavaScript:<\/strong> JavaScript \u00e8 il linguaggio di programmazione alla base dell'interattivit\u00e0 sul tuo sito. JavaScript ottimizzato significa rimuovere caratteri e spazi vuoti non necessari, con conseguente codice pi\u00f9 efficiente che si carica rapidamente.<\/p>\n\n\n\n

Italiano:<\/strong> L'HTML \u00e8 la struttura delle tue pagine web. Potrebbe contenere elementi extra che non sono necessari per visualizzare la pagina. La minimizzazione dell'HTML elimina questi bit superflui, migliorando la velocit\u00e0 di caricamento.<\/p>\n\n\n\n

Per ottenere la minimizzazione, puoi utilizzare vari strumenti:<\/p>\n\n\n\n