I Web fonts rappresentano in media il 6% del peso complessivo di una pagina Web sui dispositivi mobili. Influiscono sul tempo di caricamento e sul modo in cui viene visualizzata la pagina. Molti siti Web utilizzano più tipi di font del necessario. Scegli un paio di diverse variazioni di peso, normale, grassetto, ecc. Ciò manterrà le dimensioni ridotte. Inoltre, WOFF 2 è supportato da oltre il 95% di tutti i browser (fonte).

Ospita sempre le font Web sul tuo server o CDN. Tutti i browser moderni sono passati al partizionamento della cache HTTP. Ciò significa che i caratteri verranno scaricati nuovamente per ogni sito Web, indipendentemente dai caratteri memorizzati nella cache nel browser dell’utente. Quindi approfitta di un minor numero di richieste DNS e delle intestazioni di memorizzazione nella cache del tuo server.

Per Google Fonts, ti consigliamo di utilizzare la funzione Google Fonts locale. Puoi aggiungere automaticamente lo scambio per la visualizzazione dei caratteri e ospitare i tuoi caratteri in locale. Se li aggiungi manualmente, precarica i tuoi caratteri con LiteSpeed cache. Queste ottimizzazioni risolveranno l’avviso di Google “tutto il testo rimane visibile durante il caricamento dei caratteri web”.

Grandi marchi come GitHub, Medium, Ghost e persino la dashboard di amministrazione di WordPress utilizzano “caratteri di sistema”. Ciò significa che utilizzano i caratteri del tuo computer. Alcuni anni fa, questo non sarebbe sembrato molto buono. Ma con i sistemi operativi più recenti di oggi, tutti hanno caratteri più belli preinstallati.

Quando si utilizzano i caratteri di sistema, non è necessario caricare alcun font. Elimina tutti gli pessimi elementi grafici del FOUT (flash of unstyled text) o del FOIT (flash of invisible text). E la parte migliore è che non devi mai preoccuparti degli avvisi di blocco del rendering di Google perché non ce ne sono.