Caso studio
Grafica Isernina: da WordPress a ServerLess, oltre 10 volte più veloce su mobile
Abbiamo portato il sito di un'industria grafica molisana da WordPress a un sito ServerLess. Stessi contenuti, pagina 7 volte più leggera e contenuto principale visibile in 1,5 secondi invece di quasi 18.
Grafica Isernina è un’industria grafica con stabilimento a Sant’Agapito (IS): etichette, stampa offset e digitale, packaging e cartotecnica.
Il sito precedente girava su WordPress. Non era un WordPress trascurato: era aggiornato alla versione 6.9 e usava perfino i plugin ufficiali di ottimizzazione del team WordPress (Performance Lab). Eppure, su uno smartphone, il contenuto principale della home compariva dopo quasi 18 secondi.
Il problema: oltre 10 MB per una home page
Abbiamo misurato il vecchio sito con Lighthouse, lo strumento di Google per la qualità delle pagine web, simulando uno smartphone su una rete mobile. Il risultato: 10,6 MB scaricati e 60 richieste di rete solo per la home.
Il peso arrivava quasi tutto da tre voci:
- Il video di apertura: 6,7 MB. Un bel video della macchina da stampa, ma servito in un formato pesantissimo per un telefono.
- Le immagini: 3,2 MB, in JPEG, anche quando lo schermo ne mostrava una versione piccola.
- Il JavaScript: quasi 700 KB, tra tema, plugin e librerie, da scaricare ed eseguire prima che la pagina fosse davvero pronta.
A questo si aggiungeva il server: ogni pagina veniva generata da PHP e database a ogni visita, e la prima risposta arrivava dopo circa 1,5 secondi, prima ancora di iniziare a scaricare il resto.
Cosa abbiamo fatto
Abbiamo ricostruito il sito come sito ServerLess: le pagine vengono preparate una volta sola, quando pubblichiamo, e poi servite già pronte da una rete di server distribuita in tutto il mondo (Cloudflare). Nessun database, nessun PHP, niente da aggiornare.
Il design e i contenuti sono rimasti quelli dell’azienda. Abbiamo cambiato quello che non si vede:
- Video ricodificato: da 6,7 MB a 1,2 MB, con la stessa resa a schermo.
- Immagini in WebP, generate nelle dimensioni giuste per ogni schermo: da 3,2 MB a meno di 0,2 MB.
- JavaScript ridotto all’osso: da quasi 700 KB a 11 KB. Le animazioni che servono restano, il resto è HTML e CSS.
- Pagine servite dalla cache: la prima risposta arriva in circa 40 millisecondi invece di 1,5 secondi.
I risultati
Stessa pagina, stesso test, prima e dopo. Questi sono i valori mediani di tre misurazioni Lighthouse per ciascuna versione, eseguite lo stesso giorno.
- Prestazioni : da 64 a 99
- Accessibilità : da 89 a 100
- Best practice : da 100 a 100
- SEO : da 92 a 100
| Metrica | WordPress | ServerLess | Differenza |
|---|---|---|---|
| Contenuto principale (LCP) | 17,7 s | 1,5 s | 11,4× più veloce |
| Primo contenuto (FCP) | 2,3 s | 0,9 s | 2,6× più veloce |
| Speed Index | 8,4 s | 3,1 s | 2,7× più veloce |
| Risposta del server | 1.653 ms | 35 ms | 47,2× più veloce |
| Blocco del browser (TBT) | 83 ms | 0 ms | — |
| Spostamenti di layout (CLS) | 0,000 | 0,000 | — |
| Peso della pagina | 10,7 MB | 1,5 MB | 6,9× più leggera |
| Richieste di rete | 60 | 21 | 39 in meno |
Su mobile, il test più severo, il contenuto principale ora compare in 1,5 secondi invece di quasi 18: quasi 12 volte più in fretta. La pagina pesa 7 volte meno, nessun elemento si sposta durante il caricamento e il punteggio di prestazioni passa da 64 a 99. Nel rifacimento abbiamo sistemato anche accessibilità e SEO tecnica, che passano entrambe a 100.
- Prestazioni : da 83 a 97
- Accessibilità : da 85 a 100
- Best practice : da 100 a 100
- SEO : da 92 a 100
| Metrica | WordPress | ServerLess | Differenza |
|---|---|---|---|
| Contenuto principale (LCP) | 2,3 s | 1,0 s | 2,2× più veloce |
| Primo contenuto (FCP) | 0,6 s | 0,3 s | 2,4× più veloce |
| Speed Index | 2,2 s | 1,3 s | 1,7× più veloce |
| Risposta del server | 1.454 ms | 36 ms | 40,4× più veloce |
| Blocco del browser (TBT) | 0 ms | 0 ms | — |
| Spostamenti di layout (CLS) | 0,001 | 0,000 | — |
| Peso della pagina | 18,1 MB | 4,0 MB | 4,5× più leggera |
| Richieste di rete | 61 | 37 | 24 in meno |
Su desktop la differenza nei tempi è più contenuta, perché un computer con una buona connessione nasconde molti difetti. Il punteggio passa comunque da 83 a 97, il contenuto principale compare in meno della metà del tempo e la pagina pesa 4 MB invece di 18.
Perché conta, oltre al punteggio
Un punteggio Lighthouse, da solo, non porta clienti. Ma la velocità ha effetti molto concreti:
- Chi arriva da Google resta. Chi cerca un fornitore dal telefono non aspetta 18 secondi: chiude e torna ai risultati.
- Google misura la velocità. I tempi di caricamento reali dei visitatori fanno parte dei segnali che Google usa per valutare le pagine.
- Niente da mantenere. Nessun aggiornamento di WordPress, plugin o PHP da rincorrere, nessun pannello di amministrazione da proteggere.
- Hosting gratuito. Un sito ServerLess si pubblica su infrastrutture con piani gratuiti pensati per questo uso: il costo del server sparisce.
Il tuo sito è lento?
Se il tuo sito è su WordPress e ti sembra lento, possiamo misurarlo con lo stesso metodo e dirti, numeri alla mano, quanto guadagneresti. Scopri come funzionano i nostri siti ServerLess o scrivici.