La guida in 8 passaggi per ottenere il 100% della velocità della pagina di Google

Nulla rovina un ottimo sito web più di una scarsa esperienza di caricamento. Infatti, Google ha affermato che i visitatori che hanno un tempo di caricamento di sette secondi hanno il 113% di probabilità in più di rimbalzare su una pagina.

La velocità della pagina è così importante per l'esperienza utente che Google ha iniziato a includerlo come uno dei fattori di ranking nel 2018. Ora, anche se stai lavorando duramente sulle strategie SEO, una bassa velocità della pagina potrebbe consentire un altro sito – forse anche uno di i tuoi concorrenti – per anticiparti su una pagina dei risultati cruciale del motore di ricerca.

Per coloro che desiderano ottenere informazioni dettagliate sui tempi di caricamento, Google offre uno strumento gratuito PageSpeeds Insights in grado di segnare la tua pagina su una scala da zero a 100. Ecco un rapido esempio di un rapporto che Page Speed ​​insights presenta dopo la ricerca "google.com “:

Il rapporto sembra pulito e semplice. Ma se non sei la persona più esperta di tecnologia, può essere un po 'difficile capire cosa significano in realtà alcuni dei suggerimenti del rapporto.

Ecco un esempio di un rapporto con un lungo elenco di commenti gergali:

Sebbene il gergo di cui sopra possa sembrare intimidatorio, molti dei suggerimenti di PageSpeed ​​Insights potrebbero essere davvero semplici da affrontare, anche se non sei uno sviluppatore web.

Per aiutarti a migliorare la tua esperienza utente e affrontare i tempi di caricamento lenti, ecco una guida in otto passaggi per ottenere un punteggio di velocità del 100%. Per ogni passaggio, spiegheremo perché è importante, forniamo informazioni su come farlo e ti informeremo se un esperto di tecnologia potrebbe aver bisogno di essere coinvolto.

1. Determina se e dove sei in ritardo.

Molti CMS dispongono di strumenti integrati o opzioni di plug-in che possono aiutarti a capire perché l'intero sito Web o una determinata pagina ha un tempo di caricamento lento. Prima di intraprendere qualsiasi azione per correggere il tempo di caricamento del tuo sito web, dovresti utilizzare uno di questi strumenti per ottenere una comprensione di base di dove ti trovi attualmente. Ciò ti aiuterà a limitare i passaggi effettivi che devi compiere per migliorare il tempo di caricamento del tuo sito web.

Ecco cinque strumenti gratuiti che puoi provare:

Le PageSpeed ​​Insights di Google, che abbiamo evidenziato sopra, potrebbero essere una delle tue migliori guide, soprattutto se il tuo obiettivo è raggiungere un punteggio di velocità della pagina di Google specifico.

Alcuni degli altri strumenti elencati sono utili anche perché possono darti una breve carrellata di altri dettagli relativi alla velocità del tuo sito.

Ad esempio, KeyCDN ti permetterà di vedere quanto velocemente la tua pagina viene caricata in diversi paesi. Per ottenere una solida comprensione di dove ti trovi attualmente, prova a utilizzare alcuni strumenti diversi e a confrontare i risultati.

2. Comprimi le tue immagini.

Le immagini di grandi dimensioni sono una delle cause più comuni della velocità ridotta delle pagine. Ci sono molte opinioni diverse su quale sia la dimensione ottimale del file. Mentre alcuni host dicono che dovresti mirare a file inferiori a 200 KB, il blog di Shopify suggerisce di andare sotto i 70 KB. Gli sviluppatori di Google ti suggeriscono di andare il più piccolo possibile prima di perdere la nitidezza.

Per ridurre le tue immagini senza distruggere totalmente la qualità, ti suggeriamo di comprimere i file con un software online gratuito come Squoosh.app o Compress.io. Puoi anche usare Photoshop.

Prima di caricare un'immagine, utilizzare Photoshop o altri software di editing per ritagliare o ridimensionare la risoluzione esatta che apparirà sul sito.

Le dimensioni del tuo display non sono le stesse del tuo file. Le dimensioni del display sono semplicemente le dimensioni dell'immagine che appare sul tuo sito web.

La dimensione del file è la dimensione dell'immagine reale che hai caricato. Se si dispone di un file di grandi dimensioni e di una dimensione di visualizzazione ridotta, il file di grandi dimensioni richiede sempre lo stesso tempo per caricare come avrebbe se avesse una dimensione di schermo gigante. Al contrario, se si carica un file piccolo e lo si presenta a dimensioni di schermo ridotte, verrà caricato rapidamente.

Una buona regola è quella di ritagliare l'immagine alla dimensione esatta del display che verrà visualizzata sulla tua pagina, quindi comprimere il file immagine per occupare meno spazio di archiviazione.

Ad esempio, se il tuo CMS ridimensiona o ridimensiona automaticamente un'immagine a 500 px per 300 px, devi comunque ritagliarla manualmente con le stesse esatte dimensioni prima di caricarla. Anche se non vedi un'immagine gigante sulla pagina, il grande file di immagine che hai caricato potrebbe comunque contribuire a un rallentamento maggiore.

3. Riduci o riduci il codice HTML, CSS e codice JavaScript.

CSS, HTML e JavaScript possono contenere molto codice aggiuntivo, ridondante o completamente inutilizzabile. Analogamente alle immagini, i dati possono rallentare la tua pagina.

Per evitare ciò, gli sviluppatori di Google suggeriscono di "minimizzare" il codice. Minifying riduce il tuo codice rimuovendo la lingua, le note e gli spazi inutili che potrebbero essersi lasciati indietro quando veniva creata o aggiornata una pagina.

4. Elimina gli elementi di blocco del rendering.

A volte, una pagina viene codificata per caricare elementi meno importanti, come una barra laterale o un banner, prima del contenuto principale. Vuoi dare la priorità al tuo codice in modo che il tuo contenuto principale venga prima di tutto.

Una volta che sai dove sono questi elementi, puoi usare questa guida rapida per imparare come eliminarli.

5. Accelerare la velocità del cellulare.

Nel 2018, il 60% delle ricerche di Google è stato effettuato su dispositivi mobili. Oltre a premiare i siti ottimizzati per i dispositivi mobili nelle classifiche dei risultati di ricerca, Google offrirà anche un punteggio più elevato in termini di velocità delle pagine e, eventualmente, un posizionamento più elevato, se il tuo sito mobile verrà caricato rapidamente.

PageSpeed ​​Insights può mostrarti come il tuo sito mobile ha segnato. Dopo aver effettuato la ricerca dell'URL e visualizzato il rapporto, puoi passare dalla scheda del desktop a quella del dispositivo mobile per visualizzare i singoli punteggi per ciascun formato.

Se sei in ritardo, prova a semplificare ciò che il visitatore visualizza sul sito mobile. Nascondere o ridurre a icona gli elementi del sito desktop, come le foto o le caselle di testo aggiuntive, che potrebbero sembrare goffi o non necessari sul piccolo schermo.

Servizi come AMP (che sta per Accelerated Mobile Pages) possono guidarti nella creazione di pagine Web semplificate che si caricano rapidamente e si regolano automaticamente per adattarsi a diverse dimensioni o dispositivi del browser.

6. Evita o riduci i reindirizzamenti delle pagine.

Un reindirizzamento si verifica quando un visitatore fa clic o digita un link e viene quindi indirizzato automaticamente a una o più località diverse prima che raggiungano la pagina Web desiderata. Poiché ciò può richiedere tempo prezioso lontano dalla velocità della tua pagina, dovresti utilizzare i reindirizzamenti solo quando assolutamente necessario.

Un esempio di ciò potrebbe essere durante il rinnovo di una società o di un sito Web. In questo caso, questo post tocca come creare reindirizzamenti 301 SEO-friendly.

7. Migliora i tempi di risposta del tuo server.

Google suggerisce di avere un tempo di risposta del server inferiore a 200 millisecondi. Un server lento può essere causato da una serie di cose diverse, incluso l'host del tuo sito web.

Affrontare un server in ritardo può essere un po 'più tecnico rispetto agli ultimi passaggi. Questa guida alla lotta contro un errore del gateway 502 contiene alcuni suggerimenti utili per diagnosticare e risolvere i problemi relativi al server.

Se il tuo sito web utilizza server di un'azienda host, come GoDaddy, contattare un rappresentante esperto potrebbe anche aiutarti a determinare e risolvere il problema.

8. Utilizzare una rete di consegna dei contenuti.

Una rete di distribuzione dei contenuti (CDN) è un gruppo di server distribuiti a livello globale in grado di memorizzare una cache del browser del tuo sito Web e caricarla rapidamente per i visitatori di tutto il mondo. Quando qualcuno da un luogo geografico lontano visita il tuo sito Web, le pagine verranno caricate dai server CDN vicini vicino al visitatore, anziché dal tuo server.

Perché dovresti usare questo? Perché i visitatori che sono lontani dal tuo server potrebbero incorrere in tempi di caricamento della pagina più lunghi. Ad esempio, se i server si trovano in California, un visitatore del Web tedesco vedrebbe una velocità più lenta del sito Web rispetto a qualcuno in un luogo vicino, come Seattle.

A causa della loro ubicazione globale, i server CDN prevengono questo problema e aumentano la velocità del sito per i visitatori internazionali.

Se hai creato il tuo sito con un CMS, come HubSpot, potrebbe già essere eseguito su un CDN. GoDaddy e Squarespace sono altri esempi di software di gestione dei contenuti che offrono un servizio CDN. Gli utenti di WordPress possono anche impostare un numero di plug-in gratuiti, come l'Enabler CDN.

Se non pensi di avere un CDN, alcuni fornitori di CDN includono Amazon CloudFront, Cloudflare e AT & T Content Delivery Network.

La prossima volta che visualizzi il tuo rapporto Google PageSpeed ​​Insights, mantieni questo elenco di passaggi a portata di mano. Questi suggerimenti ti guideranno attraverso come ridurre e ottimizzare rapidamente le tue pagine mentre miri a quel punteggio perfetto al 100%.

Originariamente pubblicato il 18 giugno 2019 alle 7:00:00, aggiornato il 18 giugno 2019