Come accelerare il tempo di caricamento della pagina con semplici ottimizzazioni del sito web

La velocità della pagina può crearti o distruggerti su Internet.

Un caricamento della pagina più veloce di solito significa risultati migliori in generale per la velocità del tuo sito. Ogni aspetto del successo di un sito web è legato alla velocità della pagina, dalla SEO alle conversioni, all'esperienza utente e oltre.

Dal provider di hosting che scegli all'applicazione con cui decidi di lavorare, ci sono molte aree che possono essere ottimizzate. Con così tante aree da considerare, migliorare la velocità della pagina può essere un processo complesso. Imparare a ottimizzare il tempo di caricamento delle pagine Web in modi facili da implementare è fondamentale per il successo.

Quindi, cosa puoi fare per assicurarti di essere ottimizzato? Diamo un'occhiata ad alcuni modi per rendere più veloce la tua pagina web, come accelerare il tempo di caricamento della pagina e altre best practice per il tempo di caricamento della pagina e aumentare la velocità.

Perché il tempo di caricamento della pagina è importante

Prima di approfondire come accelerare il tempo di caricamento della pagina, capiamo innanzitutto perché è così fondamentale.

Google ha annunciato per la prima volta che la velocità del sito avrebbe avuto un impatto sulla classifica nel 2010 e ha continuato a dimostrarne l'importanza. Nel 2018, Google ha introdotto la velocità della pagina come fattore di ranking per la velocità del sito mobile.

Gli specialisti SEO hanno iniziato rapidamente a cercare di ottimizzare gli elementi della pagina e di tagliare il motore di ricerca. Quelli che non sono rimasti indietro. E ora, con gli elementi vitali web principali recentemente annunciati, la velocità è più importante che mai.

Vuoi saperne di più su come migliorare la velocità di caricamento della pagina? Ecco alcune aree chiave da considerare.

Significato velocità pagina

Il tempo di caricamento della pagina è sempre stato importante per una ragione abbastanza ovvia: le conversioni. In poche parole, i siti veloci aumentano le conversioni e i siti lenti le riducono.

In effetti, un miglioramento di 0,1 secondi della velocità del sito Web mobile si traduce in un aumento dell'8,4% dei tassi di conversione per le attività al dettaglio, ha rilevato Google in uno studio del 2020.

La velocità del sito influisce anche sulla frequenza di rimbalzo. Quando gli utenti incontrano un sito lento, se ne vanno. Secondo un rapporto di Akamal Technologies, un ritardo di due secondi nel tempo di caricamento della pagina potrebbe aumentare la frequenza di rimbalzo di un sito Web del 103%.

Testare il tempo di caricamento della tua pagina

Per ottenere un'istantanea del tuo sito Web e creare benchmark prima e dopo per il processo di ottimizzazione, la prima cosa che vorrai fare è testare la velocità della tua pagina attuale. Un paio di strumenti con cui puoi iniziare sono Page Speed ​​Insights di Google e Webpagetest.org.

Assicurati di eseguire più test e calcolare la media dei risultati. Test pagina web ti consente di farlo automaticamente nel menu delle impostazioni. È sempre consigliabile scegliere un luogo di test vicino a dove è ospitato il tuo sito per assicurarti di ottenere i risultati più accurati.

Questo è il modo in cui di solito impostiamo webpagetest.org per i controlli di velocità di base.

Di seguito puoi vedere i risultati di un test di velocità della pagina sul sito demo di Magento mediati. Abbiamo selezionato tre delle statistiche più importanti e significative che vogliamo utilizzare per ottimizzare il sito.

La prima statistica è il tempo di caricamento. Questo ci mostra il tempo completo necessario per caricare la nostra pagina. Ricorda, se una pagina impiega più di tre secondi per caricarsi, potresti perdere metà del tuo potenziale traffico. Questo numero è il più importante per noi da cambiare.

La seconda statistica è Time To First Byte (TTFB). Sebbene possa aiutare a fornire una guida, TTFB può essere manipolato in modo relativamente semplice e la sua importanza può variare. Se utilizzi Google Lighthouse, puoi anche tenere traccia di First Contentful Paint e First Meaningful Paint che segnalano la velocità con cui la tua pagina "dipinge" lo schermo con elementi dei tuoi contenuti.

Hai mai caricato una ricetta e metà di essa non ha raggiunto la velocità con cui stai scorrendo perché stai cercando di superare tutte le pubblicità e la narrativa? Questo perché il tempo FCP/FMP è molto lento.

La terza statistica è la dimensione delle informazioni scaricate nella pagina. Se questo numero è molto grande, può essere utile dare un'occhiata più da vicino a quanto tempo impiegano i diversi elementi della pagina.

Cascata della velocità della pagina

Se vuoi imparare come accelerare il tempo di caricamento della pagina, isola quali elementi stanno rallentando la velocità della pagina e dai un'occhiata alla cascata. Un esempio di come appare la cascata può essere visto di seguito.

Dopo aver guardato la cascata, dovresti avere un'idea migliore di cosa può essere migliorato. Sopra, possiamo vedere che alcuni dei file .js front-end possono essere leggermente accelerati.

Più in basso nella cascata (fuori dalla pagina), ci sono anche alcuni file di immagine che richiedono più tempo per essere caricati e dovrebbero essere ottimizzati. Capire quali elementi causano il ritardo delle pagine è fondamentale quando l'obiettivo è un tempo di caricamento della pagina più rapido.

Come accelerare il tempo di caricamento della pagina tramite il contenuto Web

Comprimi e ottimizza le immagini

Quando si esamina come accelerare il tempo di caricamento della pagina, la compressione dell'immagine è un ottimo punto di partenza. Troppo spesso i web designer realizzano immagini che adottano risoluzioni inutilmente alte. Le immagini ad alta risoluzione occupano più spazio di archiviazione su un server e possono aumentare notevolmente i tempi di caricamento.

Consigliamo vivamente di ridimensionare le immagini in modo appropriato. Se un'immagine occuperà solo uno spazio di 100 x 100 pixel sul tuo sito, non è necessario renderla 1000 x 1000. Ti consigliamo un plug-in come Smush o EWWW Image Optimizer se stai utilizzando un sito WordPress.

Come convertire in immagini WebP su WordPress >>

Estensioni del tipo di immagine

Quando si salvano le immagini, è importante sapere quale estensione utilizzare. Dovrebbe essere .jpg o .png? Qualcuno ti ha inviato un logo in .svg? Ci sono molte informazioni contrastanti là fuori su ciò che è meglio.

Molti dicono che .png (Portable Network Graphics) sia l'opzione migliore perché è progettato per comprimere le immagini il più possibile senza perdere la qualità. Questo è parzialmente vero. Detto questo, ci sono delle eccezioni alla regola. Ad esempio, i file .JPEG funzionano molto meglio quando si utilizzano fotografie.

Il nostro suggerimento è di verificare in che modo il salvataggio del file in diversi modi influisca sulla dimensione e sulla qualità quando viene visualizzato in un'anteprima della pagina. Se noti una chiara differenza, opta per l'estensione migliore.

Comprimi il contenuto del sito

Le immagini non sono gli unici elementi della pagina che necessitano di una compressione. Dovresti anche comprimere elementi CSS, HTML e JavaScript sul tuo sito. GZip è uno strumento di compressione altamente raccomandato che Google suggerisce di testare prima di implementarlo in un ambiente di produzione. Ti consigliamo di utilizzare un ambiente Dev Site che imiti il ​​tuo ambiente di produzione se hai intenzione di farlo.

Il problema della compressione dei contenuti del tuo sito è che ci sono alcune prove che può aumentare leggermente la durata del tempo al primo byte. Tuttavia, aumenta anche notevolmente il tempo di caricamento della velocità generale della pagina, che alcuni esperti SEO suggeriscono che Google potrebbe effettivamente dare la priorità. Ti consigliamo di testare la compressione su singole pagine anziché effettuare un passaggio a livello di sito.

Semplifica il Web Design

Se desideri tempi di caricamento della pagina più rapidi, meno è quasi sempre di più. Invece di aggiungere funzionalità aggiuntive alle pagine principali, che ne dici di accontentarti di qualcosa di più semplice e veloce? Meno richieste HTTP ha una pagina, più velocemente verrà solitamente caricata.

Oltre a migliorare la velocità della pagina, in molti casi è stato dimostrato che il semplice web design migliora anche l'esperienza dell'utente. In uno studio UX condotto da Google, è stato rilevato che gli utenti tendono a giudicare l'estetica di un sito Web entro 1/50 – 1/20 di secondo e che i siti visivamente complessi sono stati quasi sempre giudicati meno belli delle loro controparti più semplici.

Più bello è percepito un sito web, migliori saranno UX e SEO e più conversioni aumenteranno. Un design del sito Web più semplice è uno dei metodi più rapidi per migliorare la velocità della pagina in un breve periodo di tempo. Tuttavia, consigliamo di eseguire test A/B per vedere come si comportano effettivamente le modifiche anziché apportare immediatamente una modifica del 100%.

Come accelerare il tempo di caricamento della pagina tramite il tuo host

Anche il tuo host gioca un ruolo importante nel tempo di caricamento della pagina. Ecco alcuni modi per velocizzare il caricamento della pagina con il tuo host.

Abilita memorizzazione nella cache

La memorizzazione nella cache è il luogo in cui i visitatori abituali sono in grado di caricare il tuo sito molto più velocemente grazie agli elementi della pagina archiviati sul loro disco rigido in una cache o in un archivio temporaneo. Per i siti WordPress e WooCommerce, utilizziamo Redis Object Cache per gestire le funzioni di memorizzazione nella cache. Questo verrà preinstallato e preconfigurato quando acquisti un piano di hosting ottimizzato per WordPress tramite Nexcess.

Per ottimizzare ulteriormente la velocità delle pagine, il Nexcess Cloud consente l'utilizzo del Cloud Accelerator. Questo può essere facilmente attivato e disattivato con il clic di un pulsante nella sezione delle prestazioni del Portale client.

Non sei sicuro se dovresti attivare Varnish o NGINX? Scopri di più sulla differenza tra Varnish e NGINX nella nostra Guida definitiva all'ottimizzazione di Magento 2.

Caching e CDN

La memorizzazione nella cache con una rete CDN (Content Delivery Network) è un processo più complicato e può richiedere una configurazione avanzata. Tuttavia, una corretta configurazione della memorizzazione nella cache con una CDN può aiutarti a raggiungere quel pubblico globale come se fossi con un host locale.

Perché hai bisogno di un CDN WordPress >>

Per WordPress e WooCommerce, consulta la nostra guida su come configurare il Nexcess CDN con WordPress e CDN Enabler.

Altre aree da considerare

Quale pagina stai ottimizzando?

La struttura del tuo sito fa la differenza quando si tratta di ottimizzazione. È importante pensare a quale pagina stai ottimizzando e in che modo è rilevante per la struttura totale del sito. Se aggiorni una pagina, dovrebbero essere considerate anche le pagine con cui interagisce.

Ad esempio, per noi non è utile ottimizzare semplicemente Nexcess.net, dobbiamo anche ottimizzare Nexcess.net/magento/hosting e Nexcess.net/cloud/hosting.

Prima di iniziare questo processo, metti insieme un piano per quali pagine chiave stanno attirando il maggior numero di conversioni e attirando il maggior ROI. Inizia da qui per ottenere il massimo impatto.

Velocità della pagina e SEO

Sebbene la velocità della pagina e la SEO siano intrinsecamente collegate, non commettere errori sul fatto che non è il fattore definitivo nel determinare il page rank. Google stesso ha affermato che se il contenuto è più pertinente e le persone sono disposte ad aspettare che venga caricato, non penalizzeranno quel sito.

In definitiva, la velocità della pagina è una parte importante dell'ottimizzazione, ma il contenuto, la qualità e l'esperienza utente dovrebbero sempre essere l'obiettivo principale.

Accelera il tempo di caricamento con l'host giusto

Abbiamo fatto molta strada dall'attesa che le immagini vengano caricate riga per riga. La velocità della pagina non è solo qualcosa di cui si lamentano i consumatori, ma può anche creare o distruggere conversioni, classifiche e altro. Fare tutto il possibile per aumentare la velocità della pagina è SEMPRE una buona idea.

Se stai investendo tempo e sforzi per migliorare il tempo di caricamento della pagina, stai proteggendo il tuo business digitale. Abbina il tuo patrimonio di sudore a investimenti intelligenti. Fai il tuo prossimo passo scegliendo un host che ha dimostrato scalabilità, sicurezza, velocità e supporto, come Nexcess.

Nexcess fornisce un hosting WordPress completamente gestito che include:

• Aggiornamenti automatici.
• SSL per la sicurezza.
• CDN integrato.
• Compressione dell'immagine.
• Memorizzazione nella cache.
• E altro ancora!

Verifica tu stesso con una prova gratuita di due settimane.

Contenuto relativo

• In che modo la velocità della pagina influisce sulla SEO
• 5 tecniche avanzate per velocizzare il tuo sito WordPress
• Come aumentare la velocità del sito WooCommerce ed evitare query lente
• I migliori trucchi per le dimensioni dell'immagine di WooCommerce per mantenere veloce il tuo sito web
• Che cos'è una rete di distribuzione dei contenuti (CDN)?
• I 7 temi WordPress più veloci
• Perché hai bisogno di un CDN? | Necessità di parlare di tecnologia

Questo blog è stato originariamente pubblicato a luglio 2018. Da allora è stato aggiornato per accuratezza e completezza.