Migliora i tempi di caricamento del sito web con questa guida di Google PageSpeed ​​Insights

Google PageSpeed ​​Insights (PSI) è uno strumento che riporta le prestazioni di una pagina sia su dispositivi mobili che desktop e fornisce suggerimenti su come migliorare quella pagina. Inserendo un URL e facendo clic su ANALIZZA otterrai un rapporto dettagliato su cosa sta rallentando la pagina e cosa puoi fare per risolverlo.

Ciò che rallenta la pagina si basa su due parametri, il tempo di caricamento above-the-fold e il tempo di caricamento completo. Il primo è il tempo impiegato da una pagina per visualizzare il contenuto above the fold dopo che un utente ha richiesto una nuova pagina. Quest'ultimo è il tempo impiegato da un browser per aprire completamente una pagina dopo che un utente lo richiede.

I ricercatori di Google hanno scoperto che se la tua pagina impiega più di 3 secondi per caricarsi, metà dei tuoi potenziali visitatori se ne va prima ancora di vederla. Inoltre, lo stesso studio ha rilevato che ogni secondo successivo una pagina non viene caricata, anche più visitatori lasciano. Per questo motivo, il tuo sito dovrebbe caricarsi in 2 secondi o meno.

Il punteggio di PageSpeed ​​Insights varia da 0 a 100 e un punteggio di 85 o superiore indica che la pagina sta andando bene.

PSI fornisce dati di laboratorio e di campo su una pagina. I dati di laboratorio sono utili per il debug dei problemi di prestazioni perché vengono raccolti in un ambiente controllato. I dati sul campo, d'altra parte, sono utili per acquisire esperienze utente reali e reali.

I dati sul campo sono divisi in 3 classi, che descrivono le esperienze come buone, da migliorare e da scarse. Se nella tua relazione sono presenti molti punti esclamativi rossi e gialli, probabilmente dovresti lavorare per migliorare il tuo sito web.

Se vuoi accelerare il tempo di caricamento del tuo sito web dovresti provare a fare quanto segue:

• evita i reindirizzamenti della pagina di destinazione post-clic
• Abilita la compressione
• minimizza CSS, JavaScript, HTML
• dare la priorità ai contenuti above-the-fold
• accelerare i tempi di risposta del server
• eliminare JavaScript che blocca il rendering
• sfruttare la cache di navigazione
• ottimizzare le immagini

Come può aiutare il plugin Hummingbird

Hummingbird è un plug-in gratuito che ti aiuta a implementare i suggerimenti sopra menzionati e rende la tua pagina più veloce, aiutandoti a rendere più felici i tuoi visitatori. Non solo i tuoi visitatori rimarranno sulla pagina, ma rimarranno anche più a lungo e saranno più soddisfatti.

Questo plugin ottimizza le prestazioni del sito e corregge il tuo PageSpeed ​​di Google. Scansiona il tuo sito e ti fa sapere cosa dovresti migliorare per assicurarti che la tua pagina sia il più veloce possibile. Avendo una pagina più veloce ottieni visitatori e clienti soddisfatti.

Hummingbird ha molte funzioni utili, tra cui compressione di file, differimento di CSS e JavaScript, minimizzazione per CSS e JS, integrazione di Lazy Load e memorizzazione nella cache di livello mondiale.

Con la funzione di scansione e correzione con un clic, Hummingbird ti aiuta scansionando il tuo sito, rintracciando quali file lo stanno rallentando e fornendo suggerimenti e soluzioni per velocizzare il caricamento del tuo sito. Offre miglioramenti con un clic che non ti faranno perdere tempo, ma miglioreranno sicuramente il tuo sito. Puoi ottimizzare le prestazioni in un secondo e con un solo clic.

La funzione di memorizzazione nella cache ti offre una suite di memorizzazione nella cache di livello mondiale, che include cache a pagina intera, browser e Gravatar. È fatto per essere il più semplice possibile, con un'interfaccia pulita e impostazioni facili da usare. Non ci sono schede complesse che potrebbero sopraffarti o scoraggiarti.

L'interfaccia ha interruttori che consentono di scegliere quali pagine e post si desidera o non si desidera memorizzare nella cache. Puoi attivarlo automaticamente per le pagine solitamente memorizzate nella cache come Frontpage, Blog, Post, Archivi, ecc., ma c'è anche la possibilità di aggiungere ulteriori opzioni di configurazione come utenti che hanno effettuato l'accesso, query URL, aggiornamenti ed esclusioni.

La memorizzazione nella cache rende il caricamento del tuo sito più veloce perché salva alcuni dei tuoi dati in una posizione più comoda rendendo l'accesso e il recupero più rapidi.

Hummingbird ti consente anche di personalizzare facilmente la posizione dei tuoi CSS, JavaScript e altri file per aumentare la velocità della tua pagina. Puoi riorganizzare, comprimere e riposizionare facilmente i file con la funzione di minimizzazione. Riduci a icona e combina file è un potente strumento che puoi utilizzare per assicurarti che il tuo sito si carichi più velocemente.

Hummingbird esegue una scansione della tua pagina e ti dà un messaggio che mostra quanti file o risorse hai. Nella pagina delle impostazioni di ottimizzazione delle risorse, puoi decidere cosa ridurre, combinare o spostare. Minimizzando, riduci i dati non necessari dal tuo codice, il che rende la pagina più veloce.

Meno informazioni passano dal server e dal browser, meno tempo impiegherà il caricamento del tuo sito web. Riduci al minimo gli script per assicurarti che i file abbiano le dimensioni più piccole possibili. Puoi anche combinare i tuoi file, il che significa che tutti i file CSS vanno in un file CSS e tutti i file JS vanno in un file JS.

In questo modo si riduce il numero di richieste inviate al browser, il che si traduce in tempi di caricamento migliori. Puoi spostare uno script nel piè di pagina e anche scegliere di non caricare un file specifico, il che è utile se non hai bisogno di uno script sul tuo sito web. Ancora una volta, la configurazione è molto semplice e non richiede alcuna conoscenza di codifica. E non preoccuparti, se sbagli, puoi facilmente ripristinare le modifiche apportate.

Un'altra caratteristica del plugin è la compressione Gzip. Gzip comprime i tuoi file HTML, JavaScript e CSS con una configurazione con un clic prima di inviarli al browser. Ciò rende la condivisione del tuo sito più efficiente perché l'invio di file zippati è più veloce e ti fa risparmiare denaro sull'hosting. Rende i tuoi file più piccoli e veloci da caricare senza perdere i dati necessari nel processo. Non devi preoccuparti della configurazione, invece, scegli semplicemente il tipo di server su cui è ospitato il tuo sito e premi il pulsante Applica regole. Il plugin si occupa del resto.

Con Hummingbird, puoi anche controllare le impostazioni della cache del browser Cloudflare. Inoltre, puoi integrare le funzionalità di ottimizzazione con il plug-in di ottimizzazione delle immagini Smush. Smush viene utilizzato per comprimere le immagini e accelerare il processo di caricamento.

Puoi ottimizzare e correggere le prestazioni di PageSpeed ​​con immagini delle dimensioni corrette, lazy load, conversione WebP di nuova generazione, formattazione delle immagini e altro ancora.

Vuoi essere sicuro che tutto stia andando il più liscio possibile, ecco perché con Hummingbird puoi tenere d'occhio il tuo sito e modificarlo se necessario. E sulla dashboard di Hummingbird, puoi eseguire scansioni periodiche delle prestazioni che possono aiutarti a identificare i file che potrebbero rallentare la tua pagina.

Perché tutto questo è importante

Avere un sito Web a caricamento rapido è molto importante perché più tempo impiega il caricamento della pagina, più velocemente i visitatori e i clienti la lasciano. Sono sicuro che ricorderai almeno una volta in cui eri su un sito Web che impiegava anni a caricarsi. Probabilmente hai cliccato fuori anche prima che apparisse qualcosa. So di averlo.

Se devi aspettare a lungo per caricare qualcosa, diventi più frustrato e insoddisfatto del sito web. Ecco perché la velocità della pagina è importante. Quindi, se non vuoi perdere potenziali clienti, dovresti cercare di accelerare il tempo di caricamento del tuo sito web. Dopo averlo modificato, puoi analizzarlo di nuovo su PSI.

C'è un articolo interessante che puoi leggere qui su come sia impossibile ottenere un punteggio di 100 su Google PageSpeed ​​Insights. L'autore dell'articolo parla di come ha valutato il suo sito prima e dopo i miglioramenti per cercare di ottenere un punteggio di 100. Ha utilizzato i plug-in Hummingbird e WP Checkup per migliorare le prestazioni del suo sito.

Dopo aver apportato modifiche alla sua pagina si è resa conto che non c'è molto altro che può fare per ottenere un punteggio di 100. Tuttavia, solo perché la tua pagina non ottiene un punteggio di 100 su Google PageSpeed ​​Insights, non significa che la tua pagina sia lenta. L'articolo mostra solo che ogni sito non può ottenere un punteggio perfetto e che Google PageSpeed ​​Insights non è il miglior benchmark disponibile per valutare le prestazioni del sito web, ma vale sicuramente la pena usarlo.

Pensieri finali

Può essere molto frustrante visitare un sito Web e attendere per sempre il caricamento. Soprattutto se sei una persona impaziente. Mettiti nei panni dei tuoi clienti o visitatori. Non vuoi aspettare per anni prima che appaia qualcosa e nemmeno loro. Vuoi fornire il miglior servizio e questo include anche le prestazioni del tuo sito web.

Velocizzando la tua pagina aumenti la possibilità di mantenere clienti nuovi ed esistenti. Avere un tempo di caricamento della pagina veloce è un fattore cruciale se vuoi che le persone visitino il tuo sito Web, rimangano per un po' e tornino anche.

Quindi, analizza la tua pagina su Google PageSpeed ​​Insights e se non ottieni il punteggio che speravi, prova Hummingbird che è fatto per ottimizzare il tuo sito web.