Na Rede Social

O prêmio para a página que mais solicita fontes da web vai para um site que fez 718 solicitações de fontes da web! Almanaque da Web Sim, alguns designers/desenvolvedores são preguiçosos e adicionam todas as fontes possíveis para deixar o site bonito. Mas e quanto ao desempenho? Assim como qualquer outra otimização, as fontes precisam de alta prioridade, pois o texto é provavelmente a primeira coisa que o usuário vê em um site. Este guia mostrará diferentes métodos para otimizar o Google Fonts, especialmente para WordPress. Use fontes do sistema Você notou que as fontes em Médio.com administrador do WordPress, GitHub carrega tão rápido? Bem, todos eles usam fontes do sistema. /* System Fonts as used by GitHub */ body font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* System Fonts as used by Medium and WordPress...

A Web e os navegadores estão evoluindo rapidamente! Muitas otimizações que fizemos há alguns anos estão desatualizadas ou não são recomendadas. A entrega do Google Fonts para obter desempenho máximo também mudou recentemente à medida que os navegadores implementaram novos recursos. Já escrevi uma postagem no blog sobre como otimizar o Google Fonts. Esta postagem é especificamente sobre por que você deve hospedar o Google Fonts por conta própria. Leia também Argumentos de desempenho desatualizados Argumento: os navegadores já terão o Google Fonts armazenado em cache Quando você incorpora uma fonte do Google, ele primeiro baixa um arquivo CSS de “fonts.googleapis.com” e, em seguida, baixa os arquivos de fontes mencionados nesse arquivo CSS de “fonts.gstatic.com”. Apenas os arquivos de fontes baixados de “fonts.gstatic.com” têm um período de cache de 1 ano. O arquivo CSS principal tem apenas 24 horas de vida útil do cache. “Os...