Este artigo explica o impacto das fontes na velocidade do seu site. Também mostra a importância de otimizar suas fontes da Web para uma experiência de usuário perfeita. Ele oferece a você as práticas recomendadas, diretrizes e dicas para usar os projetos da Web e anúncios digitais da Monotype Fonts de maneira eficaz.
Observação: Saiba mais sobre nossos projetos da Web e anúncios digitais.
Seu site ou anúncio digital deve ter um equilíbrio entre estética, desempenho e experiência do usuário. Além de ser visualmente atraente, seu site deve ter um bom desempenho e oferecer uma experiência do usuário perfeita em todas as plataformas e dispositivos.
Impacto das fontes no desempenho do seu site
A seleção da fonte (como o número de fontes e o tamanho do arquivo da fonte) pode influenciar a velocidade do seu site. Quando você abre uma páginas da Web, seu navegador faz o download de todos os recursos (como imagens, vídeos e fontes) necessários para exibir a página corretamente. O navegador leva mais tempo para fazer o download de arquivos de fontes grandes.
Isso resulta em uma experiência do usuário indesejável. Menos tempo de carregamento também leva a uma melhoria na classificação de SEO, deixando seu site mais visível.
É possível organizar e otimizar suas fontes da Web com os recursos Projeto da Web e Anúncio digital disponíveis na seção Minha biblioteca da Monotype Fonts.
Siga as diretrizes padrão abaixo para organizar e otimizar as fontes usadas no seu projeto e criar uma experiência do usuário mais eficiente e tranquila:
Determine um orçamento de fonte para o seu projeto: Defina um orçamento para recursos de fonte (como número de fontes, variantes de fonte e conjunto de caracteres) para seu projeto para manter o desempenho do projeto sob controle. É possível adicionar/remover fontes nos projetos da Web e anúncios digitais com base em seus requisitos.
Use formatos de fonte otimizados: O ideal é usar formatos de fonte otimizados, como Web Open Font Format (WOFF) e Web Open Font Format 2.0 (WOFF2) na Web para melhor compressão e desempenho. Isso reduz problemas com tempo de carregamento ao reduzir o tamanho do arquivo de fonte e melhorar a velocidade do carregamento. Todas as fontes da Web na Monotype Fonts são criadas usando os formatos WOFF e WOFF2.
Faça um subconjuntos de fontes para reduzir o tamanho do arquivo: Criar subconjuntos de uma fonte significa que você deve incluir apenas os caracteres e glifos que precisar no seu projeto e remover o restante. Isso reduz o tamanho dos arquivos de fonte e melhor o desempenho das fontes da Web. Com a Monotype Fonts, é fácil criar subconjuntos de suas fontes da Web de forma eficiente para um desempenho ótimo. Consulte o artigo para criar subconjuntos de fontes da Web.
Minimize o número de arquivos de fonte: Você pode diminuir a quantidade de dados que um navegador precisa baixar reduzindo o número de arquivos de fonte usados em seu site, melhorando a velocidade do seu site. Você deve usar o mínimo de famílias de fontes, pesos e estilos necessários para melhorar o desempenho do seu website. Também é possível considerar o uso de fontes variáveis para ter estilos múltiplos em um arquivo.
Observação: Com base nessa diretriz, garantimos que o desempenho do seu projeto não será atrapalhado e permitimos a adição de até 4 (quatro) estilos de fonte de uma família de fontes por vez em qualquer projeto da Web ou anúncio digital. No entanto, se quiser adicionar mais que quatro estilos, então, você pode adicionar novamente fontes no mesmo projeto da Web ou anúncio digital.
Verifique o uso da fonte: Verifique regularmente as fontes que você está usando para identificar quais fontes estão sendo carregadas e como elas afetam o desempenho de seu site. Também é possível remover as fontes que estejam aumentando o tempo de carregamento dos seus projetos da Web e anúncios digitais sem necessidade.
Faça as solicitações de fonte previamente: Peça recursos de fontes de forma que as fontes sejam carregadas o mais rápido possível sem bloquear ativos essenciais. Use as opções Adicionar a e Favoritos para adicionar as fontes exigidas à pasta do seu projeto da Web e anúncio digital.