Angular - NgOptmizedImage para melhoria da performance de imagens
Fala gente, vídeo grande demais, eu sei, mas recheado de conteúdo.
Vim falar sobre uma nova feature do Angular que veio com a versão 14.2, que é o NgOptmizedImage, uma diretiva que te ajuda a tratar imagens utilizando melhores praticas, melhorando assim sua nota no Lighthouse e e a performance no geral, que é o mais importante.
Se você tem como atualizar sua aplicação pra 14 ou pretende começar uma nova, fica de olho nessas dicas, pois pode te ajudar muito.
Conteúdos do vídeo:
00:00 - Introdução
02:27 - Iniciando o código
04:39 - Medindo a performance inicial
07:09 - Utilizando o NgOptmizedImage
12:54 - Medindo a performance otimizada
16:03 - Melhorando mais a performance
18:30 - Medições finais