I browser devono ri-scaricare i caratteri personalizzati ogni volta che accedono a un sito Web?

Question

Supponiamo di disporre di un sito Web in cui sono stati personalizzati caratteri e che tutti i file .otf sono circa 1 MB.

Ora, quando un utente visita il sito Web, i font verranno scaricati. La domanda è: questi caratteri rimarranno nel browser dell'utente come installati tutto il tempo? Cioè Anche se l'utente spegne il browser, i caratteri resteranno lì? O sono file .otf come tutti i file .css .html? Quale può essere memorizzato nella cache ma è necessario scaricarlo nuovamente?

Se quest'ultimo, come affrontiamo questo problema? Intendo dire che scaricare 1MB di caratteri non è buono per UX. In che modo altri siti web affrontano questo problema? È usato un qualche tipo di deposito locale?

Answer 1

Anche se questo può dipendere da un browser, ma i caratteri vengono scaricati ogni volta e non vengono memorizzati nella cache del browser. Questo è evidente dal FOUT (Flash of Unstyled Text). Si può guardare in questo per maggiori dettagli e una soluzione: https://stackoverflow.com/a/8844467/2407962

Answer 2

Supponiamo che io abbia un sito web in cui ho personalizzato i font, e tutti i file .otf sono circa 1 MB.

Sono stato utilizzando i caratteri di Google su uno del mio sito web, che sono solo 2.6KB in generale.

Ora, quando un utente visita il sito Web, i font verranno scaricati. La domanda è, questi caratteri rimarranno nel browser dell'utente come installato tutto il tempo? Cioè Anche se l'utente spegne il browser, i font rimangono lì? O sono file .otf come tutti i file .html .css? Quale può essere memorizzato nella cache ma è necessario scaricare nuovamente ?

Vedo, Il mio sito Web recupera sempre i caratteri quando un utente accede al sito. Anche se l'utente non cancella la cache del browser, il sito Web recupera comunque i caratteri come css e html all'accesso al sito.

Se quest'ultimo, come affrontare questo problema? Intendo dire che il download di 1MB di font da parte di non è buono per UX. In che modo altri siti Web trattano lo con questo problema? È usato un qualche tipo di deposito locale?

codifica gzip può aiutare.

Questa è stata la mia esperienza e non ho potuto trovare altri approcci quando ho controllato. Potrebbe essere qualcun altro potrebbe suggerire un approccio migliore.

Answer 3

Tutti gli elementi esterni inclusi in una pagina possono essere memorizzati nella cache: ad es.

• Immagini (GIF, JPG, PNG)
• fogli di stile CSS
• file/JSON JavaScript
• Audio
• Video
• Etc.

La chiave sta impostando le intestazioni HTTP Response corrette per consentire loro di essere memorizzate nella cache per tutto il tempo che desideri.

//PHP style, other server lang syntaxes will vary 
header("Cache-Control: max-age=31536000"); //365 days 

Non si può garantire che l'utente finale li terrà nella cache, ma le intestazioni Cache-Control dire al browser quanto tempo possibile tenerli per.

Sfortunatamente alcuni utenti hanno configurato il proprio browser per svuotare la cache in chiusura o mantenere solo una cache molto piccola. È possibile tenere traccia dei log/statistiche del server Web per vedere se i propri utenti memorizzano correttamente le cose nella cache.