Pular para o conteúdo principal

SuperchargePerformance · Grátis

Otimizador de fontes — use fontes do sistema para acelerar

Substitua fontes web remotas por fontes do sistema para reduzir o tamanho do download da página e acelerar a renderização, com três níveis de cobertura.

Atualizado em

A Otimização de fontes intercepta as requisições de download de fontes web e as substitui por fontes do sistema que já estão no seu dispositivo. Fontes personalizadas costumam ser arquivos grandes, e bloqueá-las elimina esse custo de download. Para quem prioriza a velocidade da página em vez da tipografia, essa é uma forma direta de reduzir o que uma página baixa.

Como funciona

As páginas web solicitam arquivos de fonte usando declarações CSS @font-face, que disparam requisições de rede para CDNs de fontes (Google Fonts, Adobe Fonts e outras) ou para o próprio servidor do site. O SuperchargePerformance usa a API declarativeNetRequest do Chrome com dois conjuntos de regras estáticas (font_low_ruleset, font_med_ruleset) para bloquear essas requisições antes que os arquivos de fonte sejam baixados.

Quando uma requisição de fonte é bloqueada, o navegador recorre à próxima fonte especificada na pilha font-family do CSS. Se nenhuma fonte alternativa estiver definida, o navegador usa a fonte padrão do sistema operacional. No nível Alto, uma única fonte do sistema otimizada é aplicada em todas as páginas, eliminando qualquer variação entre sites.

Configurações

NívelO que aconteceDisponibilidade
DesativadoNenhum bloqueio de fontes: todas as fontes da web carregam normalmenteGrátis
BaixoGoogle Fonts bloqueado por completo: fontes de ícones deixam de ser exibidas (quadrados em branco/palavras soltas)Grátis
MédioTodas as fontes personalizadas da web são substituídas por fontes do sistemaGrátis
AltoUma única fonte do sistema otimizada é aplicada em todas as páginasPRO

O padrão é Desativado. Ative este recurso quando a velocidade de carregamento da página importar mais do que a apresentação tipográfica exata.

Quando usar

  • Você quer carregar páginas mais rápido em conexões lentas, nas quais arquivos de fonte grandes adicionam uma latência perceptível
  • Seu foco é a leitura e você se importa mais com a clareza do texto do que com a fonte personalizada da marca de um site
  • Você quer reduzir o número de requisições de rede de terceiros que o seu navegador faz para CDNs de fontes
  • Você está usando o hotspot do celular ou uma conexão limitada e quer economizar dados

Combine a otimização de fontes com o recurso carregar página mais rápido para somar a economia com fontes ao carregamento adiado de recursos fora da tela.

Privacidade

A otimização de fontes funciona inteiramente por meio de correspondência local de regras na camada de rede do Chrome. Nenhuma URL de requisição de fonte, conteúdo de página ou dado de navegação é enviado para lugar nenhum. Todas as decisões acontecem no seu dispositivo.

Perguntas frequentes

As páginas ficam diferentes com a otimização de fontes ativada?
Sim. No nível Baixo, o Google Fonts é bloqueado por completo (fonts.googleapis.com e fonts.gstatic.com): a maior parte do texto passa a usar uma fonte do sistema, e as fontes de ícones deixam de ser exibidas, então espere ver quadrados em branco ou palavras soltas onde antes havia ícones. Nos níveis Médio e Alto, as fontes personalizadas também são substituídas pelas fontes do seu sistema, o que muda a aparência visual, mas mantém a legibilidade.
Qual fonte do sistema o nível Alto usa?
O nível Alto substitui as fontes por uma única fonte do sistema otimizada em todas as páginas, normalmente a fonte sans-serif padrão do seu sistema operacional, que já está carregada e não precisa de download.
Isso afeta o funcionamento dos sites?
Não, exceto pelas fontes de ícones. No nível Baixo, ícones em botões, menus ou formulários podem aparecer como quadrados em branco ou caracteres soltos.
Por que o padrão é Desativado?
A otimização de fontes muda visivelmente a aparência das páginas, por isso vem desativada por padrão para evitar mudanças visuais inesperadas. Ative-a de forma consciente, de acordo com a sua preferência entre velocidade e fidelidade visual.
Este é um recurso PRO?
Os níveis Baixo e Médio são grátis. O nível Alto (uma única fonte do sistema otimizada) exige o PRO, que é uma compra única, e não uma assinatura.

Recursos relacionados

Da biblioteca