Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

FontAwesome Angular

Na aula 5 da parte 2 o Flavio mostra a pasta dist gerada pelo build do angular. Dentro dela tem 5 arquivos do fontawesome que são referentes às fontes dessa famosa lib.

Eu fiquei curioso pois tenho um projeto similar. Se somarmos todos esses arquivos teremos quase 1Mb só de fonts do fontawesome. Fazendo um gzip (pelo que eu vi aqui no projeto) teremos quase 500kb só de fonts de uma lib.

Como o Flavio comentou que acima de 300kb já é considerado razoavelmente alto fiquei na dúvida se essa lib acaba não prejudicando bastante a perfomance.

Pelo que eu vi, o font-awesome tem uma opção de ser instalada via npm (@fortawesome). Minha dúvida é: eu terei um ganho de perfomance bem maior fazendo essa conversão (apagando essa lib externa do fontawesome e considerando a lib dentro do node_modules instalada via npm i @fortawesome) ?

Ou estou viajando e esses arquivos de fonts acabam não impactando tanto na perfomance ?

1 resposta
solução!

Fala ai Enzo, tudo bem? Excelente pergunta e muito bom sua preocupação com performance.

Vamos lá:

Ou estou viajando e esses arquivos de fonts acabam não impactando tanto na perfomance ?

Provavelmente vai ter sim, isso porque instalando e utilizando via npm você vai ter uma séria de beneficios, sendo:

  • Lazy loading: Você vai carregar apenas o necessário quando necessário
  • Code splitting: Você vai separar um arquivo em vários, assim, carrega apenas o arquivo necessário.

Lembrando que vai depender muito de como está utilizando a Fonte Awesome, se estiver usando via JS, CSS ou SVG.

Isso porque os arquivos de fonte não devem ser pesados.

Espero ter ajudado.