Perché la velocità di un sito web è importante
La velocità di un sito web non è soltanto una caratteristica tecnica. Influisce direttamente sull'esperienza dell'utente, soprattutto quando la navigazione avviene da smartphone o attraverso una connessione non particolarmente veloce.
Una pagina che risponde rapidamente trasmette una sensazione di immediatezza e rende più semplice consultare contenuti, passare da una sezione all'altra e raggiungere le informazioni cercate.
Per questo considero le prestazioni una parte integrante della progettazione: un sito dovrebbe nascere veloce, non essere alleggerito soltanto alla fine.
La velocità fa parte dell'esperienza dell'utente
Quando una pagina impiega troppo tempo a caricarsi, l'utente non pensa necessariamente alle cause tecniche. Semplicemente percepisce il sito come lento.
Questo può rendere meno piacevole la navigazione e aumentare la probabilità che la visita venga interrotta prima ancora di raggiungere il contenuto desiderato.
Al contrario, un sito reattivo rende quasi invisibile la tecnologia e permette all'utente di concentrarsi sulle informazioni.
Su smartphone la velocità diventa ancora più importante
Un computer collegato a una rete veloce può nascondere in parte il peso eccessivo di una pagina. Su uno smartphone, soprattutto in condizioni di connessione meno favorevoli, le differenze diventano molto più evidenti.
Per questo prestazioni e Responsive Web Design devono essere considerati insieme.
Non basta che la pagina si adatti graficamente allo schermo: deve anche essere sufficientemente leggera da offrire una buona esperienza durante la navigazione mobile.
Una bella grafica non giustifica un sito lento
Immagini di grandi dimensioni, animazioni, video, font e altri elementi possono contribuire all'aspetto visivo di un sito, ma devono essere utilizzati con criterio.
La velocità comincia da ciò che scegli di non caricare.
Ogni risorsa caricata ha un costo in termini di dati trasferiti, richieste e lavoro richiesto al browser.
La progettazione dovrebbe quindi trovare un equilibrio tra impatto visivo e prestazioni, evitando di sacrificare la navigazione per elementi che aggiungono poco valore reale.
Da cosa dipende la velocità di un sito?
Le prestazioni dipendono da numerosi fattori che lavorano insieme.
Tra gli elementi che possono incidere maggiormente troviamo:
- dimensione e formato delle immagini;
- quantità di CSS e JavaScript caricati;
- font e risorse esterne;
- numero delle richieste necessarie per costruire la pagina;
- qualità e configurazione dell'hosting;
- tempo di risposta del server;
- complessità del codice e delle elaborazioni;
- script e servizi forniti da soggetti esterni.
Non esiste quindi un singolo intervento capace di rendere automaticamente veloce qualsiasi sito.
Le immagini possono fare una grande differenza
Le immagini sono spesso tra le risorse più pesanti di una pagina.
Utilizzare dimensioni adeguate, formati moderni e una compressione corretta permette di ridurre notevolmente i dati trasferiti senza compromettere visibilmente la qualità.
Caricare un'immagine molto più grande di quanto necessario e ridimensionarla soltanto attraverso CSS significa invece trasferire dati che l'utente non utilizzerà mai.
CSS e JavaScript: caricare ciò che serve
CSS e JavaScript sono fondamentali per la realizzazione di un sito moderno, ma anche in questo caso la quantità non rappresenta un valore in sé.
Librerie, framework e script possono essere molto utili quando risolvono una necessità concreta. Se vengono caricati per utilizzare soltanto una piccola funzione, però, possono introdurre una complessità sproporzionata.
Una struttura con codice pulito permette di mantenere maggiore controllo sulle risorse utilizzate e sulle prestazioni della pagina.
Attenzione alle risorse esterne
Una pagina può dipendere anche da servizi che vengono caricati da server esterni: font, video, mappe, widget, strumenti statistici e altri componenti.
Queste risorse possono essere utili, ma il loro caricamento non è completamente sotto il controllo del sito.
Per questo eviterei integrazioni esterne quando non offrono un beneficio concreto all'utente.
Il server conta, ma non risolve tutto
Un buon hosting è importante, soprattutto per ridurre i tempi di risposta iniziali e garantire affidabilità.
Un server veloce non può però compensare completamente una pagina inutilmente pesante o composta da numerose risorse non ottimizzate.
Le prestazioni dipendono quindi sia dall'infrastruttura sia dal modo in cui il sito è stato progettato e sviluppato.
Velocità percepita e velocità misurata
La sensazione di velocità durante la navigazione è importante, ma può essere utile affiancarla a misurazioni tecniche.
Un sito leggero parte da scelte tecniche consapevoli.
Una pagina può sembrare veloce su un determinato computer e comportarsi diversamente su altri dispositivi o condizioni di rete.
Per questo utilizzo anche Google PageSpeed, che permette di analizzare diversi aspetti delle prestazioni attraverso criteri indipendenti.
Il punteggio PageSpeed non è tutto
Ottenere un buon risultato nei test è utile, ma il punteggio non dovrebbe diventare l'unico obiettivo del progetto.
Un sito deve prima di tutto essere utilizzabile, comprensibile e svolgere correttamente la propria funzione.
PageSpeed è quindi uno strumento di verifica, non il fine ultimo: serve a individuare problemi e misurare aspetti tecnici che devono comunque essere interpretati nel contesto della pagina.
Velocità e SEO
Le prestazioni fanno parte del quadro complessivo attraverso il quale Google valuta l'esperienza offerta dalle pagine, ma sarebbe sbagliato pensare che un punteggio PageSpeed elevato garantisca automaticamente un buon posizionamento.
Contenuti, pertinenza, struttura, collegamenti e molti altri fattori continuano ad avere un ruolo fondamentale.
Una buona SEO tecnica comprende quindi anche l'attenzione alle prestazioni, senza confondere la velocità con l'intera strategia SEO.
Un sito veloce può essere anche più semplice da mantenere
Spesso le buone prestazioni sono una conseguenza positiva di una struttura più essenziale.
Meno dipendenze, meno componenti inutili e un'organizzazione chiara possono facilitare sia il caricamento delle pagine sia gli interventi futuri sul progetto.
È uno dei motivi per cui, quando le esigenze lo consentono, preferisco costruire siti web veloci e leggeri evitando sovrastrutture non necessarie.
La velocità si progetta dall'inizio
Cercare di ottimizzare un sito soltanto dopo averlo completato può significare dover correggere decisioni prese molto prima.
Scelta delle immagini, struttura del codice, utilizzo degli script, font e servizi esterni dovrebbero essere valutati già durante la progettazione.
In questo modo l'ottimizzazione non diventa un'operazione separata, ma una caratteristica naturale del sito.
Come verificare la velocità del proprio sito
Il primo controllo è molto semplice: navigare realmente il sito da desktop e smartphone, aprendo diverse pagine e osservandone il comportamento.
Ogni risorsa inutile ha un costo.
A questa verifica è utile affiancare strumenti tecnici che permettono di individuare problemi meno evidenti.
Nella guida come migliorare il PageSpeed di un sito vedremo più nel dettaglio quali elementi possono incidere sul risultato e come interpretarli.
La velocità fa parte della qualità
Un sito professionale deve trovare un equilibrio tra grafica, contenuti, funzionalità e prestazioni.
La velocità non sostituisce gli altri aspetti, ma contribuisce alla qualità complessiva del sito web.
Un progetto tecnicamente curato dovrebbe quindi offrire buone prestazioni senza rinunciare a ciò che serve realmente all'utente.
Un sito veloce non dovrebbe sembrare eccezionale
La velocità dovrebbe essere una caratteristica normale di un sito ben realizzato.
L'utente non dovrebbe accorgersi dell'ottimizzazione: dovrebbe semplicemente cliccare e trovare rapidamente ciò che sta cercando.
Quando un sito è veloce, la tecnologia smette di farsi notare e lascia spazio ai contenuti.
