Come caricare lazy il font di Google?

Supporto
1

Abbiamo un governo stupido che blocca i servizi di Google ogni volta che succede qualcosa :man_facepalming:.
Oggi mi sono reso conto che il mio forum si caricava molto lentamente (pagina bianca per circa 10 secondi o più). Poi ho capito che c’è una richiesta a Google Fonts nell’header, e non è lazy load. Quindi aspetta finché non va in timeout e poi il forum si carica.

Come possiamo rendere questa richiesta lazy?

image
image1920Ă—1080 393 KB

2

Puoi provare a usare l’impostazione del sito principale per i font? Credo che quello non utilizzi affatto Google Fonts, quindi la richiesta sarà locale e, di conseguenza, dovrebbe essere molto più veloce per te.

image
image2270Ă—942 177 KB

3

sta giĂ  usando le impostazioni del sito principale.

image
image1151Ă—560 33.8 KB

4

Sembra che il font che causa il problema sia Roboto e le impostazioni del tuo sito siano impostate per utilizzare Arial… quindi il font proviene probabilmente da un tema.

Puoi rimuovere l’inclusione che si collega ai server di Google dal tema e passare all’utilizzo di Roboto dalle impostazioni del tuo sito. In alternativa, puoi scaricare Roboto e includerlo come asset del tema. Abbiamo una guida per la creazione di un componente tema con un font servito localmente qui: Create and share a font theme component

Puoi anche provare ad aggiungere font-display: swap; alla tua regola @font-face: `font-display` for the Masses | CSS-Tricks