Progettazione Sito

Velocità di caricamento del sito medico

Velocità di caricamento del sito medico

Un paziente che cerca "dentista" o "fisioterapista vicino a me" apre quasi sempre il primo o il secondo risultato da smartphone, spesso mentre è in fila o tra un impegno e l'altro. Se la pagina non si apre in fretta, non aspetta: torna indietro e prova il risultato successivo. La velocità del sito non è quindi un dettaglio tecnico per addetti ai lavori, è il primo ostacolo tra il tuo studio e un nuovo paziente.

Cosa succede nella testa del paziente dopo qualche secondo di attesa

Non servono statistiche inventate per descrivere questo comportamento: chiunque lo vive ogni giorno con il proprio telefono. Una pagina che resta bianca o che non risponde al tocco viene percepita come rotta, non solo come lenta, e la reazione più comune è abbandonare e tornare ai risultati di ricerca.

Per questo motivo Google stesso ha definito delle soglie di riferimento per considerare "buona" l'esperienza di caricamento di una pagina, e le usa anche come segnale nel posizionamento. Non sono numeri arbitrari: sono la base su cui vale la pena misurare il proprio sito, invece di affidarsi alla sensazione soggettiva di "mi sembra veloce".

Le tre metriche che Google misura: LCP, INP, CLS spiegate senza gergo

Google riassume l'esperienza di caricamento di una pagina in tre metriche, note collettivamente come Core Web Vitals, con soglie precise indicate nella documentazione ufficiale (web.dev, Core Web Vitals):

  • LCP (Largest Contentful Paint): il tempo perché compaia l'elemento principale della pagina, ad esempio il titolo o l'immagine di apertura. La soglia "buona" è entro 2,5 secondi. È come il tempo di attesa in sala prima di essere chiamati: entro un certo limite è normale, oltre diventa un problema che il paziente nota.
  • INP (Interaction to Next Paint): il tempo di risposta della pagina quando l'utente tocca un pulsante, ad esempio "Prenota" o "Chiama". La soglia buona è 200 millisecondi o meno. È il tempo che intercorre tra il chiedere qualcosa alla segreteria e ricevere una risposta: se è immediato, l'esperienza è fluida; se c'è un ritardo percepibile, genera incertezza.
  • CLS (Cumulative Layout Shift): quanto la pagina "si sposta" mentre si carica, ad esempio un pulsante che cambia posizione proprio mentre l'utente sta per toccarlo. La soglia buona è 0,1 o meno. Succederebbe come se, mentre allunghi la mano per firmare un modulo, qualcuno lo spostasse di continuo.

Queste tre soglie sono quelle indicate ufficialmente da Google e vanno prese come riferimento, non come obiettivo assoluto da centrare a ogni costo: un sito leggermente sopra soglia su una metrica ma solido sulle altre due resta comunque un buon sito.

I cinque colpevoli tipici nei siti degli studi medici

Nei siti che passano per un restyling nei progetti che seguiamo, i problemi di velocità si ripetono quasi sempre allo stesso modo:

  1. Foto della sede o dello staff troppo pesanti. Un'immagine da alcuni megabyte, caricata così com'è dalla fotocamera o dallo smartphone, è la causa più comune e anche la più facile da correggere.
  2. Slider con più immagini in rotazione. Ogni immagine dello slider va caricata, spesso tutte insieme all'apertura della pagina, appesantendo il caricamento iniziale per un elemento che su mobile viene notato raramente.
  3. Plugin di prenotazione esterni caricati su ogni pagina. Uno script di terze parti per la prenotazione, se caricato anche dove non serve, aggiunge peso e tempo di elaborazione a pagine che non lo richiedono.
  4. Font multipli caricati da fonti diverse. Due o tre famiglie di caratteri, magari scaricate da servizi esterni differenti, moltiplicano le richieste che il browser deve fare prima di mostrare il testo.
  5. Hosting condiviso economico. Un piano di hosting pensato per siti a bassissimo traffico, condiviso con centinaia di altri siti sullo stesso server, può rallentare ogni richiesta indipendentemente da quanto il sito stesso sia ottimizzato.

Come misurare la velocità del tuo sito in due minuti

Non serve competenza tecnica per avere un primo quadro chiaro. PageSpeed Insights (pagespeed.web.dev), lo strumento gratuito di Google, restituisce i valori di LCP, INP e CLS del tuo sito, sia da dati di laboratorio (una simulazione) sia, se il sito ha traffico sufficiente, da dati reali raccolti dagli utenti che lo hanno visitato.

Un punto da tenere presente: il punteggio numerico riassuntivo che lo strumento mostra in alto non è tutto. Vale la pena scorrere fino ai valori delle singole metriche e ai suggerimenti elencati sotto, che indicano concretamente cosa sta pesando di più sulla pagina.

Chi ha già una proprietà verificata su Search Console può controllare anche il rapporto Core Web Vitals, utile soprattutto per vedere l'andamento nel tempo su tutte le pagine del sito, non solo su quella analizzata in quel momento.

Interventi rapidi contro interventi strutturali

Non tutti gli interventi hanno lo stesso costo, ed è utile distinguerli prima di decidere da dove partire.

Si fanno in un giorno: comprimere e ridimensionare le immagini esistenti, attivare la cache del browser, rimuovere plugin non utilizzati, eliminare font superflui. Sono interventi mirati, spesso sufficienti per un sito che parte da una base tecnica solida ma appesantita nel tempo da contenuti aggiunti senza attenzione al peso.

Richiedono un progetto: cambiare hosting, ripensare la tecnologia con cui è costruito il sito, ridisegnare le pagine più pesanti da zero. Convengono quando gli interventi rapidi non bastano più a portare il sito sotto le soglie indicate da Google, oppure quando il sito è comunque da rifare per altri motivi, come un restyling grafico o l'aggiunta di nuove funzioni.

Sito su misura o WordPress: perché la velocità è spesso una scelta di architettura

Senza voler sminuire nessuna tecnologia, vale la pena essere chiari su un punto: la velocità di un sito dipende molto da quante richieste il browser deve fare per mostrare la pagina, e da quanto codice deve elaborare prima di renderla utilizzabile. Un sito costruito con molti plugin accumulati nel tempo, ciascuno con il proprio codice JavaScript, tende ad accumulare peso più facilmente di un sito costruito su misura con solo ciò che serve.

Non è una questione di marchio o di moda, ma di quante parti in movimento porta con sé ogni pagina. Nei progetti che seguiamo, quando partiamo da zero con un sito su misura, il primo vantaggio che i clienti notano non è estetico: è proprio la differenza di velocità rispetto al sito precedente, senza dover rincorrere aggiornamenti di plugin di terze parti.

Un caso concreto: da rosso a verde

In un restyling che abbiamo seguito, il vecchio sito del cliente mostrava in PageSpeed Insights valori "rossi" su LCP, dovuti principalmente a immagini della sede caricate a piena risoluzione e a uno slider in home page con quattro foto in rotazione. Gli interventi sono stati mirati: ridimensionamento e compressione di tutte le immagini, eliminazione dello slider a favore di un'unica immagine ferma, rimozione dei font non utilizzati e attivazione della cache lato server. Il sito ricostruito è passato stabilmente in area "verde" secondo le soglie ufficiali, senza bisogno di cambiare hosting.

Non è un risultato automatico per ogni sito: dipende da quanto margine di miglioramento c'è nella base di partenza. Ma mostra bene come, nella maggior parte dei casi, gli interventi più efficaci siano concreti e verificabili, non un semplice "ottimizziamo il sito" generico.

Checklist rapida

  • Controlla il tuo sito su PageSpeed Insights da mobile, non solo da desktop
  • Guarda i valori di LCP, INP e CLS, non solo il punteggio riassuntivo
  • Verifica il peso delle immagini principali: sede, staff, hero della home page
  • Controlla se c'è uno slider e chiediti se sta davvero aiutando chi visita il sito
  • Elenca i plugin o script esterni attivi e verifica se servono su tutte le pagine

La velocità è solo uno degli aspetti da controllare: se vuoi rivedere anche il resto della progettazione, trovi un elenco pratico nell'articolo su 7 errori da evitare nella progettazione del sito di un medico.

Se dopo questo controllo il tuo sito risulta lento e non sai da dove iniziare, guarda come lavoriamo per gli studi medici o richiedi una consulenza gratuita: partiamo sempre da un'analisi concreta del sito esistente, non da un preventivo generico.

Domande frequenti

Quanto deve essere veloce un sito web?

Secondo le soglie ufficiali di Google, il contenuto principale della pagina (LCP) dovrebbe comparire entro 2,5 secondi dall'inizio del caricamento, anche da connessione mobile, per essere considerato 'buono'. Sotto questa soglia la maggior parte dei visitatori non percepisce un'attesa fastidiosa; sopra, cresce la probabilità che chi cerca un medico torni su Google e provi il risultato successivo.

Come vedo se il mio sito è lento?

Il modo più semplice e gratuito è PageSpeed Insights di Google: inserisci l'indirizzo del sito e restituisce i valori di LCP, INP e CLS sia da dati di laboratorio sia, se il sito ha traffico sufficiente, da dati reali degli utenti. Chi ha già una proprietà verificata su Search Console può controllare lo stesso il rapporto Core Web Vitals, utile per vedere l'andamento nel tempo.

Le foto rallentano il sito?

Sono quasi sempre la causa principale nei siti degli studi medici: una foto della sede o dello staff caricata direttamente dalla fotocamera può pesare diversi megabyte, mentre per il web basta una frazione di quel peso. Ridimensionare le immagini alle dimensioni realmente mostrate a schermo e usare formati moderni come WebP fa spesso la differenza più grande con il minor sforzo.

Articoli correlati