HTML & CSS · Capítulo 11
Performance Web e Core Web Vitals
Carregamento, imagens, fontes, JS e rendering.
O que precisas de perceber
Otimiza o que o utilizador sente: conteúdo principal rápido, estabilidade visual e resposta. Usa loading=lazy fora do hero, dimensões nas imagens, CSS/JS mínimos e mede em hardware real.
EXEMPLO
Vê o código
<img src="foto.webp" width="800" height="500" loading="lazy" alt="Laboratório de informática">As minhas notas
Escreve apontamentos deste capítulo. Ficam apenas neste dispositivo.
Guardado localmente.Exercício
Analisa uma página no DevTools e reduz três causas concretas de lentidão.