Suggerimenti per migliorare la velocità del sito Web

Per prestazioni Web si intende un termine generico per la qualità misurabile e percepita dell'esperienza utente di un sito Web, con un'enfasi particolare sulla velocità e l'affidabilità della pagina.

Gli sviluppatori e i proprietari di siti Web possono adottare una serie di passaggi per migliorare le prestazioni del proprio sito Web. Questi passaggi includono l’ottimizzazione di fattori di progettazione Web come le dimensioni delle immagini, la formattazione del codice e l’utilizzo di script esterni, oltre alla scelta di buoni provider per l’ hosting, il caching dei contenuti e il bilanciamento del carico.

Quando le pagine Web si caricano più velocemente e in modo più affidabile, non solo offrono una migliore esperienza utente, ma tendono anche a posizionarsi più in alto nei risultati di ricerca organici, sono più visibili ai potenziali visitatori e spesso registrano tassi di conversione più elevati.

Come testare le prestazioni del sito Web

Un primo passo fondamentale per migliorare le prestazioni di un sito Web è misurare le sue prestazioni attuali. Una varietà di fattori determina il modo in cui gli utenti (e altre parti) percepiscono la velocità e l'affidabilità di un sito Web e la misurazione di questi fattori è l'unico modo per sapere quali azioni porteranno il miglioramento maggiore.

Esistono numerosi strumenti gratuiti per la misurazione delle prestazioni, tra cui Google Lighthouse (disponibile nella suite DevTools del browser web Google Chrome) e Cloudflare Observatory (disponibile per qualsiasi utente Cloudflare nel proprio dashboard).

Cosa dovrebbero utilizzare questi strumenti per valutare i proprietari di siti Web? Un buon punto di partenza sono i Core Web Vitals, un insieme di tre parametri che misurano importanti aspetti delle prestazioni Web:

• Largest Contentful Paint misura la velocità con cui viene caricato l'elemento più grande di una pagina
• First Input Delay misura la velocità con cui una pagina risponde all'input dell'utente
• Cumulative Layout Shift misura la stabilità visiva degli elementi di una pagina

Oltre a fornire preziosi segnali di esperienza utente, il miglioramento dei Core Web Vitals di una pagina può farla classificare più in alto nei risultati di ricerca organici di Google.

Altri parametri importanti da valutare includono Time to First Byte (la velocità con cui inizia il caricamento di una pagina), la velocità di ricerca DNS (la velocità con cui il DNS di una pagina traduce un nome di dominio in un indirizzo IP) e il Time to Interactive (la velocità con cui un utente può interagire con una pagina).

Per vedere come la misurazione di questi parametri potrebbe tradursi in azione, considera i seguenti esempi:

• Una pagina web con un Largest Contentful Paint lento impiega troppo tempo per mostrare agli utenti il suo componente più grande. Il proprietario della pagina Web potrebbe verificare se del codice non necessario viene caricato prima di quel componente e valutare se rimuovere tale codice.
• Una pagina Web con un Time to First Byte lento impiega troppo tempo per recuperare le risorse del sito Web dal suo server di origine. Il proprietario della pagina Web potrebbe indagare sui tempi di risposta per il proprio provider DNS e host del sito Web, con l'obiettivo di riconfigurare o sostituire uno o entrambi i servizi.

Come migliorare le prestazioni del sito Web

Sebbene non esista un modello garantito per ottenere prestazioni Web elevate, i proprietari di siti Web possono adottare le seguenti best practice per aumentare la velocità e l'affidabilità del sito:

Ottimizza le immagini

Le immagini 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 dell'immagine può essere ridotto tramite l'ottimizzazione dell'immagine, che in genere comporta la riduzione della risoluzione e delle dimensioni e la compressione del file immagine stesso.

Limita il numero di richieste HTTP

La maggior parte delle pagine Web richiede ai browser di effettuare più richieste HTTP per varie risorse sulla pagina, inclusi immagini, script e file CSS. In effetti, molte pagine Web richiedono decine di queste richieste. Ogni richiesta comporta un round trip da e verso il server che ospita la risorsa, che può aumentare il tempo di caricamento complessivo di una pagina Web.

A causa di questi potenziali problemi, il numero totale di risorse che ogni pagina deve caricare dovrebbe essere ridotto al minimo. Un test di velocità dovrebbe aiutare a identificare quali richieste HTTP richiedono più tempo.

Utilizza il caching HTTP del browser

La cache del browser è una posizione di archiviazione temporanea in cui i browser salvano copie di file statici in modo da poter caricare più rapidamente le pagine Web visitate di recente. Gli sviluppatori possono indicare ai browser di memorizzare nella cache gli elementi di una pagina Web che non cambieranno spesso. Le istruzioni per il caching del browser si trovano 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.

Rimuovi JavaScript non necessario che blocca il rendering

Le pagine Web potrebbero contenere codice non necessario che viene caricato prima del contenuto della pagina più importante, rallentando il tempo di caricamento complessivo. Ciò è particolarmente comune sui siti Web di grandi dimensioni con molti proprietari che aggiungono codice e contenuti in modo indipendente. I proprietari di pagine Web possono utilizzare uno strumento per le prestazioni Web per identificare il codice non necessario su pagine con prestazioni scadenti.

Limita l'uso di script esterni

Tutti gli elementi di una pagina Web con script che vengono caricati da qualche altra parte, come sistemi di commenti esterni, pulsanti CTA, plug-in CMS o popup di generazione di lead, devono essere caricati ogni volta che viene caricata una pagina.

A seconda delle dimensioni dello script, questi possono rallentare una pagina Web o impedirne il caricamento tutto in una volta (questo è chiamato "salto di contenuti" o "spostamento del layout" e può essere particolarmente frustrante per gli utenti mobili, che spesso devono scorrere per vedere l'intera pagina Web).

Limita l'utilizzo del reindirizzamento

Un reindirizzamento si verifica quando i visitatori di una pagina Web vengono invece reindirizzati a una pagina diversa. I reindirizzamenti aggiungono alcune frazioni di secondo, o talvolta anche interi secondi, ai tempi di caricamento della pagina. Talvolta i reindirizzamenti sono inevitabili, ma se ne può fare un uso eccessivo e, nei siti web più grandi con più proprietari, possono accumularsi nel tempo. I proprietari di siti Web dovrebbero istituire linee guida chiare sull'utilizzo del reindirizzamento e scansionare periodicamente pagine Web importanti alla ricerca di reindirizzamenti non necessari.

Minifica i file CSS e JavaScript

Minificare il codice significa rimuovere tutto ciò di cui un computer non ha bisogno per comprendere ed eseguire il codice, inclusi commenti, spazi e punti e virgola non necessari. Ciò rende i file CSS e JavaScript leggermente più piccoli in modo che si carichino più velocemente nel browser e occupino meno larghezza di banda. Sebbene la minificazione di solito fornisca miglioramenti marginali delle prestazioni, è comunque una best practice importante.

Utilizza servizi di terze parti efficaci per importanti funzioni del sito Web

• Hosting: anche il sito Web meglio progettato si caricherà lentamente se il suo server di origine risponde lentamente alle richieste. I proprietari di siti Web dovrebbero scegliere un server con un tempo di risposta medio inferiore a 200 ms e con un buon record di affidabilità.
• DNS: il DNS è un sistema che traduce i domini (ad esempio example.com) in indirizzi IP, una parte importante del processo di caricamento della pagina. I proprietari di siti Web dovrebbero scegliere servizi DNS che forniscano risultati ("resolve") in modo rapido e affidabile piuttosto che fare affidamento sul DNS del proprio host Web.
• Caching: più il contenuto del sito Web è vicino alle persone che lo richiedono, più velocemente saranno in grado di riceverlo. I proprietari di siti Web dovrebbero utilizzare una rete di distribuzione dei contenuti (CDN) per memorizzare nella cache i contenuti Web in molte località in tutto il mondo, in modo che le richieste degli utenti non debbano percorrere centinaia o migliaia di miglia (e attraverso molte reti autonome) per raggiungere il server di origine del sito Web.
• Sicurezza informatica: gli attacchi DDoS, i bot dannosi e altri attacchi informatici possono ridurre le prestazioni di un sito Web. Questo argomento è troppo ampio per essere trattato in dettaglio qui, ma i proprietari di siti Web dovrebbero scegliere un provider di sicurezza delle applicazioni Web che filtri il traffico dannoso senza rallentare il traffico legittimo.

In che modo Cloudflare aiuta a migliorare le prestazioni Web

Cloudflare è una piattaforma globale per la sicurezza e le prestazioni di Internet. La piattaforma può aiutare i siti Web di qualsiasi dimensione e complessità a migliorare le proprie prestazioni collegandosi a una rete globale di 335 città.

Per i siti Web personali e le piccole imprese, Cloudflare offre piani gratuiti e a basso costo che si attivano in pochi minuti e includono automaticamente importanti miglioramenti delle prestazioni del sito Web:

• Servizi DNS ad alte prestazioni
• CDN
• Ottimizzazione delle immagini
• Ottimizzazione per dispositivi mobili
• Protezione da attacchi DDoS e bot dannosi comuni

Per le aziende più grandi, Cloudflare offre anche servizi di prestazioni di livello aziendale che funzionano con qualsiasi tipo di applicazione o infrastruttura Web.