Hafen

Il cambio di tema in numeri: un vero sito WordPress passa a Hafen

Il 1º settembre 2026 flirtuniversity.de ha cambiato tema, da Neve al nostro block theme Hafen. Abbiamo misurato prima e dopo, lo stesso giorno e con lo stesso metodo. Qui trovi tutti i numeri, anche quelli che il cambio da solo non ha migliorato.

Di promesse pubblicitarie sulla velocità dei temi ce ne sono tante, di serie di misurazioni su migrazioni reali poche. Per questo qui ne documentiamo una completa: flirtuniversity.de, una scuola di flirt con contenuti accumulati in 17 anni, area membri, gestione del consenso, embed video e tutto quello che si deposita su un sito WordPress cresciuto nel tempo, il 1º settembre 2026 è passata da Neve a Hafen. Nessun allestimento da laboratorio, nessuna demo appena installata. Proprio per questo i numeri sono conservativi, e proprio per questo valgono qualcosa.

Il punto di partenza

Neve non è un cattivo tema, anzi, passa a ragione per uno dei temi classici più veloci. Con Neve il sito stava su punteggi Lighthouse mobile tra 56 e 59, con un First Contentful Paint intorno ai 4 secondi. Il motivo non è la trascuratezza ma il modo di costruire: un tema classico porta con sé il proprio framework CSS, i propri script e i propri livelli di impostazioni, che si caricano su ogni pagina, servano o no.

Hafen arriva dalla direzione opposta: un block theme in cui layout, colori e tipografia stanno nel theme.json e WordPress genera da sé il CSS necessario. Nel pacchetto questo si traduce in due request e 7 KB sulla linea, li abbiamo contati uno per uno. La domanda di questo caso studio era quanto ne resta su un sito vero, carico di tutto.

Il metodo, perché i numeri siano verificabili

Abbiamo misurato con Lighthouse 13.4.1 in Chrome headless, sulla stessa macchina, lo stesso giorno: Neve a mezzogiorno prima della migrazione, Hafen subito dopo la messa online con cache svuotata e poi riscaldata. Tre esecuzioni per pagina e categoria di dispositivo, conta la mediana di ogni metrica. Quattro tipi di pagina coprono il sito: home, archivio del blog, un articolo e una pagina corso con hero video. Sono valori di laboratorio, non dati sul campo, ma raccolti in condizioni identiche, ed è l’unica cosa che conta in un confronto.

Cosa ha portato il solo cambio di tema

Su mobile, dove fa male, il puro cambio si presenta così, sempre Neve contro Hafen, stesso giorno, stesso parco plugin:

Pagina (mobile)PunteggioFirst Contentful PaintJavaScript
Home56 → 713,9 s → 1,3 s621 → 382 KB
Archivio blog58 → 763,8 s → 1,3 s599 → 396 KB
Articolo59 → 774,1 s → 1,3 s638 → 398 KB
Pagina corso57 → 713,9 s → 1,4 s599 → 359 KB

A questo si aggiungono tra il 22 e il 38 per cento di request in meno, una Total Blocking Time dimezzata sulla home e un Largest Contentful Paint sceso tra il 29 e il 44 per cento. La stabilità del layout è rimasta a 0,00. Il desktop era già in verde sotto Neve ed è rimasto tale, con un peso pagina più leggero tra il 23 e il 34 per cento.

Il numero più importante è il First Contentful Paint: da circa 4 secondi si passa a 1,3 secondi su ogni pagina misurata. È il momento in cui i visitatori vedono qualcosa per la prima volta invece di fissare una pagina bianca, e dipende quasi per intero da quanto CSS e JavaScript il tema piazza davanti al rendering.

La parte onesta: cosa il cambio non ha risolto

I circa 360-400 KB di JavaScript rimasti arrivano quasi per intero dal parco plugin: area membri, gestione del consenso, statistiche, embed video. Un cambio di tema non ripulisce questo livello, si limita a rendere evidente che è lì il vero peso. E il Largest Contentful Paint su mobile restava tra 4 e 6 secondi anche sotto Hafen, perché l’elemento più grande delle pagine più importanti è un poster video che veniva caricato solo in un secondo momento via JavaScript. Un tema leggero non salva contenuti pesanti, lo avevamo già scritto in passato, e questa misurazione lo conferma.

Secondo giro: cosa c’era ancora da tirare fuori sul nuovo tema

Per questo al cambio è seguita una seconda tornata, stavolta sui contenuti e sul comportamento di caricamento, tutte cose che rendono al meglio solo su fondamenta già in ordine:

  • Preload del poster per gli hero video: l’anteprima dell’elemento più grande viene caricata via preload con priorità alta e mostrata subito come sfondo CSS, invece di aspettare lo script dell’embed.
  • Connessioni anticipate verso gli host di analisi via preconnect: sulle connessioni mobili toglie handshake DNS e TLS dal percorso critico.
  • content-visibility per le sezioni sotto la piega: il browser renderizza solo ciò che sta per entrare nella visuale.
  • Dieta di script: un widget di recensioni si carica ormai solo sulla home, dove è davvero integrato, e gli script degli annunci automatici di un account pubblicitario dismesso sono spariti del tutto dal sito.

Risultato sulla pagina corso, il caso più duro con hero video: punteggio mobile da 71 a 86, il Largest Contentful Paint è sceso da 5,2 a 4,0 secondi. L’articolo è salito da 77 a 86, l’archivio del blog da 76 a 80, la home ha tenuto il suo punteggio e ha guadagnato su percorso di caricamento e peso. Il JavaScript è calato ancora nettamente, tra 215 e 254 KB per pagina. Sommando le due tappe: dai punteggi mobile di 56-59 sotto Neve si è passati a 71-86, a contenuti invariati.

Cosa è rifluito nel tema

Per noi la migrazione era due cose insieme, progetto per un cliente e collaudo del nostro prodotto. Una manciata di riscontri emersi durante il passaggio è finita dritta nello sviluppo del tema ed entra nella prossima versione, Hafen 0.9.0: l’archivio del blog ha ricevuto una griglia in stile magazine con card di apertura, gli articoli senza immagine in evidenza un ripiego curato, la paginazione bersagli comodi per il tocco. Quello che prima veniva sistemato via CSS sul sito del cliente diventerà lo standard per chiunque installi il tema con il prossimo aggiornamento. È così che dovrebbe funzionare il dogfooding: il caso studio migliora il prodotto, non solo quel singolo sito.

Cosa puoi portarti a casa

Se stai valutando un cambio di tema, da questa migrazione si portano via tre cose. Primo: misura prima, misura dopo, stesso metodo. Senza i numeri di partenza, dopo non sai se ne è valsa la pena. Secondo: il cambio migliora le fondamenta, non i contenuti. Immagini pesanti, embed video e script dei plugin te li porti dietro, sulle fondamenta veloci si notano solo di più, ed è esattamente lì che conviene la seconda tornata. Terzo: i contenuti restano, i layout traslocano. Header, footer e pagine archivio vanno ripensati, i testi e le immagini restano intatti nel database.

Il tema di questo caso studio

Hafen è il nostro block theme gratuito nella directory ufficiale di WordPress: due request, 7 KB, nessuna chiamata esterna. I miglioramenti nati da questa migrazione arrivano con il prossimo aggiornamento.

Hafen su WordPress.org

Domande frequenti

Passando a un block theme si perdono contenuti?

No. Articoli, pagine e immagini stanno nel database e restano intatti quando cambi tema. Va ricostruito quello che nel vecchio tema passava dalle sue impostazioni: header, footer, assegnazioni dei menu e regole di layout. In questo caso studio erano il footer, l’archivio del blog e una manciata di assegnazioni di template. I contenuti veri e propri non sono stati toccati.

I numeri valgono anche per il mio sito?

La direzione sì, l’entità non automaticamente. L’effetto dipende da quanto CSS e JavaScript carica il tuo tema attuale e da quanto pesa il tuo parco plugin. Il sito misurato ha mantenuto uno stack di plugin corposo, quindi il confronto mostra l’effetto puro del tema. Su siti più snelli il salto è maggiore: in un’altra migrazione a Hafen il JavaScript è sceso del 97 per cento.

Perché il First Contentful Paint è il numero più importante di questo caso studio?

Perché misura quando i visitatori vedono qualcosa per la prima volta, e perché qui dipende quasi soltanto dal tema. Il Largest Contentful Paint su questo sito è legato a grandi poster video, quindi al contenuto. Il passaggio da circa 4 secondi a 1,3 secondi per il primo contenuto visibile è la parte che mette sul piatto il tema, ed è proprio quella che deve stare al centro di un caso studio su un tema.

Basta un tema veloce o dopo devo comunque ottimizzare?

Il tema posa le fondamenta, niente di più. In questo caso studio il cambio ha alzato i punteggi mobile tra 14 e 18 punti, e la seconda tornata sul nuovo tema ha aggiunto un miglioramento misurabile, con il preload del poster, le connessioni anticipate via preconnect e content-visibility. Immagini, embed e plugin restano cantieri tuoi, per quanto leggero sia il tema.

Torna al blog Un articolo di hafenstudios