Caricare un font dai server di Google innesca una richiesta in uscita dal browser del visitatore, prima di qualsiasi consenso. Quella richiesta trasmette il suo indirizzo IP, l’indirizzo della pagina consultata e il suo user agent a un terzo situato fuori dall’Unione Europea. È un trattamento di dati personali privo di base giuridica, ed è banalmente verificabile da chiunque apra l’ispettore del browser.
Una decisione del tribunale regionale di Monaco del 2022 ha condannato un gestore di sito proprio su questo fondamento, e il caso ha alimentato un’ondata di diffide in Germania. Le autorità di protezione dei dati hanno ripreso il tema nelle loro raccomandazioni. Il rischio non è teorico.
Perché il consenso non risolve il problema
Si potrebbe pensare di bloccare i font fino al consenso, come uno script di misurazione. In pratica quell’approccio non regge: una pagina che aspetta il consenso per caricare i font si mostra prima con il font di sistema e poi cambia, il che produce uno scarto visivo importante e degrada l’esperienza per tutti.
L’auto-hosting è l’unica risposta che risolve insieme conformità e prestazioni. Scarichi i file una volta, li servi dal tuo dominio, e nessuna richiesta parte verso un terzo.
Dove si nascondono le chiamate in PrestaShop
È la parte che la maggior parte delle migrazioni manca. Una chiamata rimossa dal tema non significa che il sito sia pulito.
- Il tema. Un tag di collegamento verso fonts.googleapis.com nel file di intestazione, talvolta accompagnato da una direttiva di preconnessione.
- I fogli di stile. Una regola di import in testa a un file CSS, spesso dimenticata perché non compare nel codice dei template.
- I moduli. Un modulo carosello, conto alla rovescia o pop-up che carica il proprio font. Ogni modulo aggiunge potenzialmente una chiamata.
- Le icone. Le librerie di icone ospitate dallo stesso fornitore pongono esattamente lo stesso problema.
- Il contenuto. Una pagina CMS o una descrizione prodotto incollata da un editor esterno può contenere un tag di stile che importa un font remoto.
Modulo Google Fonts Locale PrestaShop 8/9 — Font Self-Hosted GDPRI tuoi Google Fonts, ospitati sul tuo server. Zero richieste a Google, zero file del tema modificati.€59.00
La procedura
Quattro tappe, in quest’ordine.
1. Inventariare. Apri la scheda Rete del browser, filtra sui domini dei font e ricarica più pagine tipo: home, categoria, scheda prodotto, carrello, pagina CMS. Annota ogni famiglia e ogni peso realmente richiesto.
2. Scaricare. Recupera i file in formato WOFF2, che copre tutti i browser attuali. Conserva solo i pesi che usi davvero: una famiglia caricata in sei pesi mentre il tema ne impiega due significa diverse centinaia di kilobyte inutili.
3. Dichiarare. Colloca i file nel tuo tema e dichiara ogni famiglia con una regola di font personalizzata, indicando un comportamento di visualizzazione di tipo swap per evitare il testo invisibile durante il caricamento.
4. Pulire. Elimina tutti i riferimenti remoti trovati alla tappa 1, comprese le direttive di preconnessione, che aprono una connessione anche senza scaricare alcun file.
Il controllo finale
Il test si fa nella scheda Rete, navigazione privata, cache svuotata. Filtra sui domini dei font remoti: zero richieste attese, su tutte le pagine tipo, con e senza sessione.
Vale la pena fare due verifiche complementari. Il back office carica talvolta i propri font remoti, cosa che non riguarda i tuoi visitatori ma merita di essere trattata per i tuoi team. E le email transazionali in formato HTML possono contenere anch’esse chiamate di font, il che trasmette dati a ogni apertura di un messaggio.
Il beneficio di prestazioni
L’auto-hosting elimina una risoluzione DNS, una negoziazione TLS e una connessione verso un dominio terzo, sul percorso critico del rendering. Su una connessione mobile media, questo rappresenta comunemente diverse centinaia di millisecondi guadagnati sulla visualizzazione del testo.
Due impostazioni completano il guadagno. Il precaricamento del font principale, da dichiarare nell’intestazione, lo fa partire prima dell’analisi del CSS. E la riduzione del set di caratteri agli alfabeti realmente usati alleggerisce ogni file, spesso della metà quando si tolgono i caratteri cirillici e greci da un font universale.
Il punto di attenzione sulla licenza
La quasi totalità dei font distribuiti da Google è sotto licenza libera, il che autorizza l’auto-hosting senza formalità. Verifica comunque la licenza delle famiglie che porti in casa, in particolare se le hai ottenute altrove, e conserva il file di licenza accanto ai file di font.
Automatizzare la migrazione
Il modulo Google Fonts Locali per PrestaShop tratta questa catena su PrestaShop 8 e 9: rilevamento delle chiamate remote nel tema e nei moduli, download e hosting locale delle famiglie usate, riscrittura dei riferimenti e verifica che non resti alcuna richiesta.
