Come migliorare la velocità di caricamento della pagina per massimizzare i risultati

Pubblicato: 2023-03-06

Hai mai sentito la storia della lepre e della tartaruga? Sai, quello in cui la lenta tartaruga ha trionfato in una gara contro il coniglio arrogante e veloce? Beh, è ​​una bugia. Andare piano non ha mai portato nessuno da nessuna parte velocemente. Questo è solo buon senso e buoni affari.

OK, ci hai preso. Puoi raccogliere i benefici di prendere alcune cose con calma, come mangiare, invecchiare e scendere le scale ripide mentre porti le spade. Ma quando si tratta di SEO, non c'è niente di peggio che andare piano.

Quindi preparati perché sarà una corsa ad alta velocità verso classifiche più alte.

Perché è importante avere un sito web veloce?

Preferiresti aspettare più di due giorni per il tuo pacco, inviare posta ordinaria invece di un messaggio di testo o giocherellare con i pollici in attesa del caricamento di un sito Web? Nessuno sano di mente vorrebbe farlo. Chi ha tempo per questo? Certamente non i tuoi potenziali clienti.

Le pagine a caricamento più rapido aumentano le prestazioni del tuo sito, aumentano i punteggi di Google PageSpeed ​​Insights e GTmetrix e si posizionano meglio nei risultati di ricerca.

Ma esattamente quanto la velocità della pagina influisce sulla SEO? Una velocità di caricamento lenta della pagina può portare a :

  • Una diminuzione del 7% nelle conversioni.
  • 11% in meno di visualizzazioni di pagina.
  • Un calo del 16% nella soddisfazione del cliente.

E con ogni secondo, quei numeri diventano sempre più spaventosi:

  • Le frequenze di rimbalzo possono aumentare di un enorme 103% dopo solo due secondi di ritardo.
  • Il 53% abbandonerà un sito il cui caricamento richiede più di tre secondi.
  • Il 79% degli acquirenti insoddisfatti , a causa della velocità di caricamento del sito, ha meno probabilità di acquistare di nuovo.

Come posso visualizzare la velocità di caricamento della mia pagina?

Diversi strumenti di benchmarking online misurano la velocità di caricamento della pagina. Possono anche mostrarti quanto è grande e dispendioso in termini di risorse il tuo sito e suggerire perfezionamenti. Soprattutto, puoi usarli tutti gratuitamente.

  • Google PageSpeed ​​Insights conduce test separati per desktop e dispositivi mobili, differenziando il tempo di caricamento in diverse fasi.
  • GTmetrix offre una panoramica delle dimensioni, del tempo di caricamento della pagina e dell'allocazione delle risorse, proprio come YSlow.
  • Pingdom offre un servizio simile a GTmetrix.
  • WebPageTest è un po' meno user-friendly rispetto agli altri, ma tende ad essere più perspicace. Degne di nota sono le sue opzioni avanzate, che tengono conto delle prestazioni di un sito in diversi browser.

Quando esegui questi test, seleziona i luoghi di prova più vicini alla posizione fisica del tuo pubblico, in quanto ciò fornirà i risultati più pertinenti.

Ora che conosci la velocità di caricamento della pagina del tuo sito, vediamo se stai registrando un tempo ragionevole.

Quanto velocemente dovrebbe caricare il mio sito web?

In genere, le tue pagine dovrebbero caricarsi completamente in tre secondi o meno.

Se la tua velocità è di circa 3-5 secondi, non sei del tutto in una brutta posizione, ma le tue pagine hanno un rendimento meno favorevole di quanto previsto dagli odierni standard mobile-first. Tutto ciò che supera i cinque secondi è considerato scadente. Ma non importa quanto velocemente si carica il tuo sito, potrebbe sempre beneficiare di una spinta.

Dovresti anche prestare attenzione al tuo tempo al primo byte (TTFB). (WebPageTest e PageSpeed ​​Insights mostrano questi dati.) TTFB è il periodo di attesa dei browser prima di accettare il primo byte di dati da un server. Google suggerisce un TTFB di 200 millisecondi o più veloce.

Ecco ulteriori informazioni sugli obiettivi di velocità di caricamento della pagina:

  • Pingdom ha rilevato che la maggior parte delle pagine si carica in media in meno di 3,21 secondi .
  • Google afferma che il 53% degli utenti è disposto ad attendere solo tre secondi per il caricamento dei propri telefoni prima di passare a un altro sito web.
  • Akamai ha scoperto che la velocità media di caricamento della pagina mobile di 2,4 secondi porta al miglior tasso di conversione.

Ma come puoi migliorare la velocità di caricamento della tua pagina per raggiungere l'obiettivo di tre secondi o più velocemente?

Qual è il modo migliore per aumentare la velocità di caricamento della pagina?

Diversi fattori possono influenzare la velocità di caricamento della pagina. Alcune strategie possono essere attuate subito e hanno un effetto immediato. Altri impiegheranno tempo e test per vedere i benefici.

Ecco alcuni dei metodi migliori:

1. Abilita la compressione gzip.

2. Ottimizza le immagini.

3. Attiva la memorizzazione nella cache del browser.

4. Minimizza HTML, CSS e JavaScript.

5. Riduci le richieste HTTP.

6. Ridurre i tempi di risposta del server.

7. Prendi in considerazione l'implementazione di un CDN.
Bonus: apporta miglioramenti specifici a WordPress.

Al tuo segno! Preparatevi! Aumento!

1 . Abilita compressione gzip

La compressione riduce le dimensioni dei file, consentendo un download più rapido. È uno dei modi più semplici e veloci per ottimizzare la velocità di caricamento della pagina. L'uso di gzip per la compressione è quasi una norma, sebbene Brotli sia un metodo alternativo ma popolare. Se abilitato, gzip può ridurre le dimensioni di HTML, CSS e JavaScript fino al 70%. (Esegui un test gzip per vedere se è abilitato.)

La maggior parte dei plug-in per prestazioni all-in-one di WordPress ti offre la possibilità di abilitare automaticamente la compressione. Puoi abilitare manualmente la compressione aggiungendo del codice al tuo file .htaccess per coloro che sono più pratici o utilizzano un CMS diverso.

2. Ottimizza le immagini

Alcuni dei colpevoli tipici che contribuiscono alle grandi dimensioni della pagina sono le immagini. In generale, le tue immagini dovrebbero essere adeguatamente dimensionate e ottimizzate in base a quanto segue:

  • Sotto i 100 kilobyte.
  • Imposta la dimensione esatta in cui verrà mostrata l'immagine.
  • Salvato come JPG (a meno che non sia trasparente, nel qual caso usa PNG).

Con la compressione delle immagini si ottiene una notevole diminuzione della qualità, quindi non lasciare che il tuo desiderio di tempi di caricamento più rapidi influisca negativamente sulla qualità del design del tuo sito web. Ma per lo meno, se il tuo sito web ha una larghezza di 600 pixel, ad esempio, non caricare un'immagine larga 2.500 pixel.

Ottimizza le immagini prima di caricarle utilizzando Photoshop (a pagamento) o GIMP (gratuito). Per una maggiore compressione, puoi anche utilizzare un ottimizzatore online come TinyJPG. Se desideri un'altra opzione e utilizzi un CMS come WordPress, Smush e EWWW Image Optimizer sono buoni plug-in di backup. Alcuni plug-in ti danno anche la possibilità di abilitare una funzione di "caricamento lento" che dà priorità ai contenuti above the fold e carica le tue immagini solo quando un visitatore scorre verso il basso, riducendo drasticamente le richieste che il tuo server riceve.

3. Abilita la memorizzazione nella cache del browser

Quando i visitatori tornano sul tuo sito, il loro browser scarica nuovamente file come script, immagini e fogli di stile, a meno che tu non abbia abilitato la memorizzazione nella cache del browser.

Con la memorizzazione nella cache del browser, i file statici vengono salvati nel browser dell'utente. Quindi la prossima volta che accedono al tuo sito, non devono scaricare di nuovo nulla, quindi la tua pagina si carica molto più velocemente.

Se utilizzi WordPress, la memorizzazione nella cache è relativamente semplice. Plug-in come WP Rocket e W3 Total Cache ti guidano attraverso tutti i passaggi necessari e lo configurano per te. Assicurati di utilizzare solo uno di questi plug-in alla volta. Inoltre, l'abilitazione manuale della memorizzazione nella cache è un po' più complicata.

4. Minimizza HTML, CSS e JavaScript

La minimizzazione rimuove il codice ridondante o non necessario senza influire sulle prestazioni. Ciò include l'eliminazione di commenti sul codice, nomi di funzioni lunghi, spaziatura e così via, tutte cose che non sono visibili all'utente ma che appesantiscono la velocità di caricamento.

I plug-in di WordPress come WP Super Minify, WP Rocket e W3 Total Cache sono ideali per gli sviluppatori web alle prime armi per ottenere la minificazione. Dovrai eseguire la minificazione manuale per altri CMS e amministratori avanzati. Alcuni strumenti che possono aiutare sono:

  • Minificatore HTML.
  • YUI Compressor o CSS Minifier.
  • JSCompress o JSMin.

5. Ridurre le richieste HTTP

Questo è grande. Anche se può diventare complicato, non lasciarti spaventare. La riduzione delle richieste è l'obiettivo finale dell'ottimizzazione del caricamento della pagina. Dovresti cercare di mantenere il numero di richieste HTTP al di sotto o intorno a 50.

Esistono molti metodi per semplificare queste richieste e velocizzarle.

6. Ridurre i tempi di risposta del server

Cambiare server è qualcosa che dovresti fare con serietà e al volo. Ma il tuo server di hosting gioca un ruolo cruciale nel tempo di caricamento, quindi sapere se hai la migliore configurazione è di grande aiuto.

Soprattutto, consulta il tuo provider per assicurarti che i tuoi server abbiano tempi di attività sufficienti, forniscano una larghezza di banda sufficiente e si trovino vicino al tuo pubblico di destinazione. In caso contrario, valuta la possibilità di passare a un altro servizio di hosting.

Alcune altre cose vitali da considerare:

  • Versione PHP
     Se il tuo sito è basato su PHP, dovresti utilizzare PHP 7 o superiore. Il metodo più semplice per sapere quale PHP stai utilizzando e quale deve essere aggiornato è chiamare il tuo provider di hosting. Ma ricorda che le modifiche in PHP possono influire su alcuni temi e plug-in di WordPress. Puoi invertire rapidamente il PHP del tuo server se qualcosa sembra difettoso.
  • HTTP/2
     HTTP/2 è un protocollo lato server che può migliorare notevolmente la velocità e l'efficienza del sito. Non tutti i siti utilizzano HTTP/2 quando possono. Puoi utilizzare vari strumenti online per verificare se il tuo server può supportare HTTP/2. Quindi, contatta il tuo provider di hosting per sapere quali opzioni hai.
  • Tipo di hosting
     La maggior parte delle piccole imprese utilizza server di hosting condiviso più economici (come Bluehost, GoDaddy e HostGator). Le aziende più grandi che vedono molto traffico sul sito in genere hanno bisogno di server privati ​​virtuali o server diretti più potenti per distribuire i propri contenuti. Decidi in quale categoria rientri utilizzando il budget e le prestazioni come metriche.

7. Prendi in considerazione l'implementazione di un CDN

Le reti di distribuzione dei contenuti sono perfette per le pagine che servono molte località internazionali o che cercano un aumento di velocità per il loro normale servizio di hosting. Questi servizi a pagamento di terze parti non solo ti offrono il supporto HTTP/2, ma riducono anche notevolmente i tempi di richiesta ospitando i tuoi file su una vasta rete di server globali.

Alcune opzioni CDN uniche includono:

  • Cloudflare.
  • StackPath.
  • CacheFly.
  • Google Cloud CDN.

Solo alcuni siti necessitano di un CDN (nonostante ciò che potrebbe suggerire GTmetrix), quindi ti consigliamo di eseguire prima le altre strategie in questo elenco. Considera CDN un'opzione fattibile se i tuoi tempi di caricamento devono ancora recuperare.

Bonus: miglioramenti specifici di WordPress

Altri fattori potrebbero contribuire al tempo di caricamento della tua pagina se utilizzi WordPress. Ti consigliamo di affrontare questi problemi insieme agli altri metodi sopra elencati.

Ridurre i plug-in

I plug-in sono fantastici e possono fare molto per aumentare la velocità del tuo sito. Tuttavia, l'utilizzo di plug-in sbagliati può avere un effetto negativo e troppi plug-in installati possono causare problemi, rallentando drasticamente le prestazioni del tuo sito.

Ecco perché è fondamentale:

  • Aggiorna e mantieni regolarmente i tuoi plug-in.
  • Rimuovere regolarmente eventuali plug-in non necessari o inutilizzati.
  • Vedi se ci sono alternative più leggere o più veloci.
  • Identifica i plug-in con funzionalità ridondanti.
  • Rimuovi i plug-in per le attività che puoi eseguire facilmente manualmente.

Ad esempio, supponi di avere installato un plug-in di Google Analytics. In tal caso, faresti meglio ad aggiungere lo snippet da solo, tramite Google Tag Manager o tramite il plug-in Inserisci intestazioni e piè di pagina (che è molto più piccolo del primo).

Per aiutare a individuare i problemi, un eccellente strumento di valutazione dei plug-in come Page Performance Profiler può identificare quali plug-in stanno mettendo a dura prova la velocità di caricamento della pagina. (Non dimenticare di rimuoverlo quando hai finito.)

Pulisci il tuo database

Nel corso del tempo, i database di WordPress possono impantanarsi a causa di bozze salvate, post revisioni e altre cose di cui il tuo sito web non ha bisogno per funzionare. Di tanto in tanto la pulizia di questo disordine può aiutare ad aumentare la velocità del tuo sito. Alcuni plug-in per prestazioni all-in-one hanno anche questa capacità (simile a WP Rocket), oppure puoi utilizzare il plug-in WP-Optimize.

Aggiorna CMS e tema

Assicurati di utilizzare sempre le versioni più recenti del tuo tema e dell'installazione di WordPress. (Non dimenticare di eseguire il backup del tuo sito prima di farlo.) Se il tuo sito è ancora lento dopo l'aggiornamento e aver apportato tutte le modifiche di cui sopra, potresti considerare di provare completamente un nuovo tema. Mentre i temi migliorano l'aspetto del tuo sito, possono portare un sacco di bagagli che possono impantanare il tuo sito.

L'elevata velocità di caricamento della pagina è più essenziale che mai

Se ti è capitato di perderlo, Google è interamente focalizzato sui dispositivi mobili in questi giorni. E non cambierà presto, quindi le tue pagine devono caricarsi il più velocemente possibile.

Abbiamo tutti tempi di attenzione brevi e si riducono solo di secondo in secondo. Se la tua pagina non si carica rapidamente, molti video di gatti possono farlo e lo faranno. Allora, cosa stai aspettando? Ora è il momento di iniziare! Implementa questi miglioramenti della velocità della pagina e dell'esperienza della pagina in questo momento perché le SERP non aspettano nessuno.