Como otimizei um blog em PHP puro para alcançar 97 no PageSpeed e 100 em acessibilidade
Postado em 26/09/2026 às 12:04:06
No cenário atual do desenvolvimento web, a obsessão por frameworks pesados muitas vezes eclipsa o potencial de performance que uma stack enxuta pode oferecer. Recentemente, decidi documentar o processo de otimização de um blog pessoal construído inteiramente com PHP 8, MySQL e Bootstrap 5, rodando sem nenhum framework em um ambiente tradicional com cPanel e proxy reverso do Cloudflare. O objetivo era claro: extrair o máximo de velocidade e usabilidade sem recorrer a soluções complexas de arquitetura.
Antes das intervenções, a versão mobile da aplicação registrava uma pontuação de 84 no Google PageSpeed Insights, um número considerado aceitável, mas que deixava margem para melhorias significativas na experiência do usuário. Após uma bateria cirúrgica de refatorações focadas em Core Web Vitals, o score móvel saltou para impressionantes 97 pontos, enquanto a métrica de acessibilidade atingiu a marca máxima de 100.
O primeiro gargalo identificado no projeto foi o carregamento de recursos de terceiros e o gerenciamento de assets estáticos. A abordagem inicial carregava folhas de estilo e scripts de forma síncrona, bloqueando a renderização inicial do DOM. A solução envolveu a implementação de carregamento assíncrono para fontes externas, minificação agressiva de CSS e JavaScript, e a eliminação de dependências redundantes do Bootstrap que não estavam sendo utilizadas nas páginas.
No lado do servidor e do banco de dados, o PHP 8 nativo já oferecia um desempenho sólido, mas faltava uma estratégia de cache mais eficiente. A configuração do Cloudflare foi refinada com regras de cache personalizadas para arquivos estáticos e otimizações automáticas de imagem, como a conversão dinâmica para o formato WebP. Além disso, consultas SQL repetitivas e pesadas foram otimizadas com índices adequados no MySQL, reduzindo drasticamente o tempo de resposta do servidor (TTFB).
A transição da acessibilidade de níveis bons para a perfeição absoluta exigiu uma auditoria minuciosa no código HTML semântico. Foram corrigidos contrastes de cores em elementos secundários, adicionados atributos ARIA essenciais onde a semântica nativa falhava, e garantida a navegação completa via teclado. Pequenos detalhes, como textos alternativos descritivos em todas as imagens e a hierarquia correta de cabeçalhos, foram fundamentais para fechar o gabarito.
Este caso prático demonstra que a busca por alta performance na web moderna não exige obrigatoriamente migrações para arquiteturas complexas baseadas em Single Page Applications ou ecossistemas JavaScript pesados. Com uma base sólida em PHP puro, boas práticas de front-end, cache bem configurado e atenção estrita aos padrões da web, é totalmente viável entregar aplicações extremamente rápidas, acessíveis e econômicas em termos de recursos de servidor.
Antes das intervenções, a versão mobile da aplicação registrava uma pontuação de 84 no Google PageSpeed Insights, um número considerado aceitável, mas que deixava margem para melhorias significativas na experiência do usuário. Após uma bateria cirúrgica de refatorações focadas em Core Web Vitals, o score móvel saltou para impressionantes 97 pontos, enquanto a métrica de acessibilidade atingiu a marca máxima de 100.
O primeiro gargalo identificado no projeto foi o carregamento de recursos de terceiros e o gerenciamento de assets estáticos. A abordagem inicial carregava folhas de estilo e scripts de forma síncrona, bloqueando a renderização inicial do DOM. A solução envolveu a implementação de carregamento assíncrono para fontes externas, minificação agressiva de CSS e JavaScript, e a eliminação de dependências redundantes do Bootstrap que não estavam sendo utilizadas nas páginas.
No lado do servidor e do banco de dados, o PHP 8 nativo já oferecia um desempenho sólido, mas faltava uma estratégia de cache mais eficiente. A configuração do Cloudflare foi refinada com regras de cache personalizadas para arquivos estáticos e otimizações automáticas de imagem, como a conversão dinâmica para o formato WebP. Além disso, consultas SQL repetitivas e pesadas foram otimizadas com índices adequados no MySQL, reduzindo drasticamente o tempo de resposta do servidor (TTFB).
A transição da acessibilidade de níveis bons para a perfeição absoluta exigiu uma auditoria minuciosa no código HTML semântico. Foram corrigidos contrastes de cores em elementos secundários, adicionados atributos ARIA essenciais onde a semântica nativa falhava, e garantida a navegação completa via teclado. Pequenos detalhes, como textos alternativos descritivos em todas as imagens e a hierarquia correta de cabeçalhos, foram fundamentais para fechar o gabarito.
Este caso prático demonstra que a busca por alta performance na web moderna não exige obrigatoriamente migrações para arquiteturas complexas baseadas em Single Page Applications ou ecossistemas JavaScript pesados. Com uma base sólida em PHP puro, boas práticas de front-end, cache bem configurado e atenção estrita aos padrões da web, é totalmente viável entregar aplicações extremamente rápidas, acessíveis e econômicas em termos de recursos de servidor.
Autor/Fonte: Equipe WEB-RS
