Usei Google Fonts em protótipos e em mais de 10 milhões de produtos MAU. É incrivelmente fácil de começar e fornece uma descoberta incrível de fontes. É também por isso que ainda é usado em mais de 42 milhões de sites !
Essa comodidade tem seu preço: Desempenho. Muitos têm já apontou para fora o custo de várias solicitações. Se você quiser o aumento de velocidade restante, é melhor fazer o download de suas fontes do Google usadas e hospedá-las automaticamente.
Isso não é novidade. Na verdade, isso já é defendido há anos. Até o próprio Google aconselhou outras pessoas a hospedar fontes automaticamente em sua conversa do Google I / O ’18 sobre desempenho na web.
Fontes auto-hospedadas x Google Fonts
Por natureza, o Google Fonts, mesmo com todas as otimizações de fonte e CSS, não pode ser mais rápido do que as fontes auto-hospedadas.
Sia escreveu um ótimo post em que comparou o desempenho entre as fontes do Google e as fontes auto-hospedadas sem o impacto de um CDN.
O velho argumento de desempenho
Portanto, se o desempenho final está a favor das fontes de auto-hospedagem: Qual foi o argumento que convenceu os desenvolvedores de que o Google Fonts tem pelo menos o desempenho da abordagem de auto-hospedagem?
O Google Fonts foi projetado para ser distribuído em um CDN global e colher os benefícios do cache. Os usuários solicitam fontes através do referido CDN. Provavelmente, eles já baixaram os recursos da fonte em um ponto anterior de um site diferente.
“[…] Nosso cache cross-site foi projetado para que você só precise carregar uma fonte uma vez, com qualquer site, e usaremos essa mesma fonte em cache em qualquer outro site que use Google Fonts.”
Invalidando o antigo argumento de desempenho
Desde o Chrome v86, lançado em outubro de 2020, os recursos entre sites, como fontes, não podem mais ser compartilhados no mesmo CDN. Isso se deve ao cache do navegador particionado (o Safari já tem isso há anos).
Em este post Google eles explicam o que o cache do navegador particionado é. Ele foi introduzido apenas para evitar um possível mecanismo de rastreamento entre sites.
Particionamento de cache em outros navegadores
O Safari realmente se preocupa com a privacidade. Ele contornou esse mesmo ataque de rastreamento entre sites por anos já. Então, finalmente, chega o Chrome. Outros navegadores baseados no Chromium ainda precisam sinalizar ou implementar o recurso.
- ✅ Chrome : desde v86 (outubro de 2020)
- ✅ Safari : desde 2013
- 🚫 Firefox : planejando implementar
- 🚫 Edge : provavelmente em breve
- 🚫 Opera : provavelmente em breve
- 🚫 Corajoso : provavelmente em breve
- 🚫 Vivaldi : provavelmente em breve