Como a fonte atrasa a página
Fonte bloqueia o texto (FOIT) ou salta o layout (CLS) dependendo de como carrega. O LCP pode esperar a fonte — e o visitante vê espaço vazio.
As alavancas de velocidade
Combine peso e estratégia.
- Use woff2: metade do peso dos formatos antigos
- Subconjunto com unicode-range: o navegador baixa só os glifos que a página usa
- font-display: swap: texto aparece com fonte padrão enquanto a fonte carrega
- Carregue a fonte display com prioridade, as outras depois
- Evite dezenas de pesos: use 2–3 variações
| Ação | Efeito no LCP | Efeito visual |
|---|---|---|
| woff2 | menos bytes | nenhum |
| unicode-range | menos requisições | nenhum |
| font-display: swap | texto imediato | troca suave |
| 2–3 pesos | menos downloads | quase nenhum |
A fonte certa para o LCP
A fonte do título (que define o LCP em muitas páginas) merece prioridade alta e preload. As fontes de corpo carregam depois, sem competir com o que importa.
Dica prática
Se a fonte display pesa mais que ~50 KB, considere subconjunto agressivo ou uma variação mais leve do mesmo estilo.
