Adriano Di Matteo: Da WordPress a 100 su PageSpeed, il rifacimento di questo sito

Il punto di partenza

Il mio vecchio sito era un WordPress con un tema commerciale, uno slider, jQuery e una manciata di plugin. Per rispondere alla prima richiesta la homepage impiegava 3,08 secondi, le pagine interne fra 2,3 e 2,5. Nell’HTML della homepage c’erano 38 tag script; oggi sono 3, compreso quello che contiene i dati per Google.

Nel frattempo il mio lavoro è cresciuto: oggi costruisco software e siti su misura per aziende. Il sito doveva raccontarlo, ed essere esso stesso un esempio di come lavoro.

Cosa ho cambiato

Ho rifatto tutto da zero con Astro, che produce pagine HTML già pronte: il server non deve costruirle a ogni visita, le consegna e basta. Niente framework per l’interfaccia, il CSS è scritto a mano, e il JavaScript c’è solo dove serve davvero, come il banner dei cookie o il modulo di contatto.

Poi una serie di scelte piccole:

• i caratteri sono sul mio server, senza richieste a Google Fonts;
• le immagini escono in AVIF e WebP, nella misura giusta per ogni schermo;
• il menu da telefono si apre con una funzione nativa del browser, senza JavaScript;
• Google Tag Manager, con le statistiche e il pixel di Meta, si carica solo dopo il consenso ai cookie: chi rifiuta non scarica niente di esterno.

Non perdere Google

Un sito nuovo con indirizzi nuovi rischia di buttare via anni di link e di posizioni. Gli indirizzi del vecchio WordPress portano adesso alla pagina nuova corrispondente, con un reindirizzamento permanente: i vecchi lavori del portfolio vanno all’archivio, «I miei lavori» va ai progetti, «Contattami» ai contatti.

Ho aggiunto i dati strutturati che dicono a Google e ai motori AI chi sono, cosa faccio e quali prodotti ho fondato, la mappa del sito e l’invio delle pagine nuove ai motori di ricerca con IndexNow.

I numeri

	Prima (WordPress)	Dopo (Astro)
Risposta del server, homepage	3,08 s	0,13 s
Script in homepage	38	3
PageSpeed da telefono	non misurato	100 · 100 · 100 · 100
PageSpeed da computer	non misurato	100 · 100 · 100 · 100

Le quattro cifre di PageSpeed sono prestazioni, accessibilità, buone pratiche e SEO. Il vecchio sito su PageSpeed non sono riuscito a misurarlo prima della sostituzione, per questo la casella è vuota.

PageSpeed è un test di laboratorio: simula un telefono su una rete lenta e il punteggio può muoversi di un punto da una prova all’altra. I dati sugli utenti reali arriveranno quando il sito avrà abbastanza visite; oggi Google non ne ha ancora.

Cosa vuol dire per te

Lo stesso metodo lo uso per i siti che costruisco per le aziende. Chi apre la pagina dal telefono la vede subito, e Google tiene conto anche di questo quando ordina i risultati. Se hai un sito lento, posso misurarlo con lo stesso test e dirti da dove parte il problema.