Desempenho · GUIA PRÁTICO

Como decidir se uma fonte deve receber preload

Pré-carregue somente a fonte usada cedo e que demonstrou atraso no recurso de texto principal.

Preload pode antecipar a fonte, mas hints excessivos criam competição na rede.

Antes de começar

Confirme arquivo, formato, peso e uso real da fonte no primeiro viewport.

Passo a passo

  1. Inclua preload específico com CORS e caminho correto apenas para a variante necessária.

  2. Verifique no painel de rede que não ocorre download duplicado e meça LCP/CLS.

Limites e cuidados

Se a fonte não for usada ou houver várias variantes, o hint pode desperdiçar banda.

Continue na biblioteca

Fonte oficial: Pré-carregar recursos críticos — web.dev.

Continue por aqui