Web Design

Perché le pagine in cinese del tuo sito bilingue si caricano più lentamente — e 3 soluzioni per i font

Le pagine in cinese di un sito bilingue spesso si caricano più lentamente perché i font cinesi devono coprire molti più caratteri. Secondo web.dev di Google, un font CJK copre da 15 a 20 volte più caratteri di un font latino — e tre soluzioni (font di sistema, subsetting dei caratteri e unicode-range) chiudono il divario senza un redesign.

Le pagine in cinese di un sito bilingue spesso si caricano più lentamente delle pagine in inglese, e la causa è quasi sempre il font: un font cinese deve coprire molti più caratteri di un font latino, quindi il file che il browser scarica prima di mostrare il testo cinese è molto più pesante. La soluzione non richiede un redesign: basta inviare solo i caratteri effettivamente usati dalla pagina, oppure evitare del tutto il font scaricato per il testo cinese.

Perché la versione cinese del mio sito sembra più lenta?

L'inglese richiede solo circa 100 caratteri (alfabeto latino, numeri, punteggiatura). Il cinese usa migliaia di caratteri comuni. Secondo la documentazione ufficiale di Google su web.dev, un font CJK (cinese/giapponese/coreano) copre circa 15-20 volte più caratteri di un font latino, per cui il file del font cinese è spesso molte volte più pesante di quello inglese sulla stessa pagina.

Vale la pena risolverlo per un piccolo business?

Sì. Il tempo di apparizione del contenuto principale (Largest Contentful Paint) fa parte dei Core Web Vitals di Google e influisce sia sull'esperienza utente che sul posizionamento. Il problema inoltre passa facilmente inosservato: la maggior parte dei proprietari testa solo la pagina inglese e non apre mai la tab di rete sulla pagina cinese.

La soluzione più semplice: nessun font scaricato per il testo cinese

Ogni sistema operativo moderno include già un font cinese di qualità: PingFang SC/TC su Apple, Microsoft YaHei su Windows, Noto Sans CJK su Android/ChromeOS. Mettere questi font di sistema prima di qualsiasi font personalizzato fa sì che il browser mostri subito il testo cinese, senza scaricare nulla:

font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;

Se serve un font cinese personalizzato, come lo mantengo leggero?

Dal 2011 Google permette di aggiungere un parametro text= a una richiesta Google Fonts così che l'API restituisca solo i caratteri indicati, non il file intero, anche per i font CJK. Combinato con unicode-range in CSS, la stessa documentazione web.dev indica che questo approccio può ridurre il trasferimento del file font di circa il 90%.

Checklist rapida

  • Apri la homepage cinese (non quella inglese) in Chrome DevTools, tab Network, filtro "Font".
  • Confronta i KB trasferiti per i font tra versione cinese e inglese.
  • Verifica se stai già usando un font di sistema o se scarichi un font cinese completo.
  • Controlla che il CSS usi font-display: swap.

Domande frequenti

Passare a un font di sistema cambia il design?

Molto poco. PingFang SC, Microsoft YaHei e Noto Sans CJK sono font cinesi puliti e leggibili per progettazione.

Questo aiuta anche le mie pagine inglesi?

Le stesse tecniche si applicano a qualsiasi font, ma il divario di dimensione descritto qui è specifico dei font CJK.

Devo rifare tutto il sito?

No. È una modifica di CSS e caricamento font, non un redesign.

Scopri come costruiamo siti bilingue nella nostra pagina di web design, oppure richiedi una verifica gratuita del caricamento font del tuo sito.

Fonti