Suggerimenti per migliorare la velocità del sito web / Come accelerare i siti web

Come possono gli sviluppatori ottenere i loro siti web per caricare più velocemente?

La velocità del sito Web ha un enorme impatto sull’esperienza utente, sul SEO e sui tassi di conversione. Migliorare le prestazioni del sito Web è essenziale per attirare traffico verso un sito Web e mantenere i visitatori del sito impegnati. Qui esaminiamo i passaggi che gli sviluppatori possono adottare per rendere un sito Web più veloce:

Test delle prestazioni del sito web

I test di velocità del sito Web valutano il rendimento di un sito Web. Testare regolarmente un sito Web può aiutare gli sviluppatori a monitorare i downgrade o i miglioramenti delle prestazioni. Un test di velocità dovrebbe anche aiutare gli sviluppatori a identificare alcune o tutte le aree che rallentano le prestazioni del sito Web e dove si trovano le aree di miglioramento.

Ci sono molti test di velocità del sito di alta qualità per misurare le prestazioni, molti dei quali gratuiti. WebPageTest.org (che collabora con Cloudflare) ha diversi test gratuiti e produce suddivisioni dettagliate di quanto velocemente i singoli elementi di una pagina di carico. Prova pagina web.org consente inoltre agli sviluppatori di testare siti web per diversi dispositivi e velocità di connessione di rete.

Google offre anche informazioni dettagliate su PageSpeed per test dettagliati delle prestazioni. Google Chrome DevTools può anche aiutare gli sviluppatori a valutare le prestazioni del loro sito; la scheda Rete mostra tutte le richieste HTTP, quanto sono grandi le risorse richieste, e quanto tempo le richieste prendono prima che siano soddisfatte.

Utilizzare una CDN (content delivery network)

Le CDN aumentano la velocità dei siti web memorizzando nella cache i contenuti in più sedi in tutto il mondo. I server di caching CDN si trovano in genere più vicini agli utenti finali rispetto all’host o al server di origine. Le richieste di contenuti vanno a un server CDN invece di tutto il modo per il server di hosting, che può essere migliaia di miglia e su più reti autonome da parte dell’utente. L’utilizzo di una CDN può comportare una massiccia riduzione dei tempi di caricamento della pagina.

Ottimizza le immagini

Le immagini comprendono una grande percentuale di traffico Internet e spesso richiedono più tempo per essere caricate su un sito Web poiché i file di immagine tendono ad essere di dimensioni maggiori rispetto ai file HTML e CSS. Fortunatamente, il tempo di caricamento delle immagini può essere ridotto tramite l’ottimizzazione delle immagini. L’ottimizzazione delle immagini in genere comporta la riduzione della risoluzione, la compressione dei file e la riduzione delle loro dimensioni e molti ottimizzatori di immagini e compressori di immagini sono disponibili gratuitamente online.

Minimizza i file CSS e JavaScript

Minimizzare il codice significa rimuovere tutto ciò di cui un computer non ha bisogno per comprendere ed eseguire il codice, inclusi commenti di codice, spazi bianchi e punti e virgola non necessari. Questo rende i file CSS e JavaScript leggermente più piccoli in modo che si caricano più velocemente nel browser e occupano meno larghezza di banda. Di per sé, la minimizzazione comporterà solo miglioramenti minimi della velocità. Tuttavia, implementato insieme a questi altri suggerimenti, si tradurrà in migliori prestazioni del sito web.

Riduci il numero di richieste HTTP se possibile

La maggior parte delle pagine Web richiede ai browser di effettuare più richieste HTTP per varie risorse della pagina, incluse immagini, script e file CSS. In realtà molte pagine web richiederanno decine di queste richieste. Ogni richiesta si traduce in un viaggio di andata e ritorno da e verso il server che ospita la risorsa, che può aggiungere al tempo di caricamento complessivo per una pagina web. Inoltre, con le risorse caricate da diversi provider, un problema con uno degli host potrebbe influire sulla capacità della pagina Web di caricarsi rapidamente o del tutto.

A causa di questi potenziali problemi, il numero totale di risorse che ogni pagina deve caricare deve essere ridotto al minimo. Inoltre, un test di velocità dovrebbe aiutare a identificare quali richieste HTTP stanno impiegando più tempo. Ad esempio, se le immagini causano un caricamento lento di una pagina, gli sviluppatori possono cercare una soluzione di hosting di immagini più veloce (come una CDN).

Usa la cache HTTP del browser

La cache del browser è una posizione di archiviazione temporanea in cui i browser salvano copie di file statici in modo che possano caricare le pagine Web visitate di recente molto più rapidamente, invece di dover richiedere lo stesso contenuto più e più volte. Gli sviluppatori possono istruire i browser per memorizzare nella cache gli elementi di una pagina web che non cambierà spesso. Le istruzioni per il caching del browser vanno nelle intestazioni delle risposte HTTP dal server di hosting. Ciò riduce notevolmente la quantità di dati che il server deve trasferire al browser, riducendo i tempi di caricamento per gli utenti che visitano frequentemente determinate pagine.

Riduci al minimo l’inclusione di script esterni

Qualsiasi elemento della pagina Web con script caricato da qualche altra parte, come sistemi di commenti esterni, pulsanti CTA o popup di generazione di lead, deve essere caricato ogni volta che viene caricata una pagina. A seconda delle dimensioni dello script, questi possono rallentare una pagina Web o causare il caricamento della pagina Web tutto in una volta (questo è chiamato “salto del contenuto” o “spostamento del layout” e può essere particolarmente frustrante per gli utenti mobili).

Non utilizzare i reindirizzamenti, se possibile

Un reindirizzamento è quando i visitatori di una pagina Web vengono inoltrati a una pagina diversa. I reindirizzamenti aggiungono alcune frazioni di secondo, o talvolta anche interi secondi, al tempo di caricamento della pagina. Quando si crea un sito web ottimizzato per le prestazioni, ogni secondo conta. I reindirizzamenti sono a volte inevitabili, ma non dovrebbero essere utilizzati se non necessario.