O Bootstrap inteiro era o maior vilão
O Bootstrap.min.css, com cerca de 230KB, era o principal problema. Mais de 90% não era usado e vinha de outro domínio (jsDelivr), adicionando DNS e TLS antes da primeira pintura. Resolvi baixando o Bootstrap para o próprio domínio e rodando o PurgeCSS para gerar apenas as classes usadas. Resultado: 230KB → 37KB. O else garantia que o site nunca ficasse sem estilo.
Fontes e ícones fora do caminho crítico
Google Fonts e Bootstrap Icons foram carregados de forma assíncrona para melhorar a experiência do usuário.
CLS zerado com fonte substituta de métricas ajustadas
Substitui a fonte original por uma substituta com métricas ajustadas para zerar o CLS.
Acessibilidade: quase tudo era contraste
Acessibilidade foi melhorada substituindo cores inapropriadas e ajustando a fonte do Bootstrap para garantir um contraste adequado.
Cache: o.htaccess não estava valendo
Resolvi o problema de cache no Cloudflare adicionando uma Cache Rule com Browser TTL de 1 ano.
Conclusão
Melhoria significativa no PageSpeed de um blog PHP 8.7, reduzindo o tamanho do CSS do Bootstrap de 230KB para 37KB, e aumentando a acessibilidade para 100%. Insights valiosos para projetos futuros.