Mudar o design de um site após 5 anos não é apenas uma questão estética, é uma necessidade. Desde 2021, venho simplificando o felipemateus.com para reduzir o ruído visual, mas a estrutura técnica ainda estava presa a padrões que eu não controlava totalmente no wordpress.
O Problema: O “Peso” dos Temas Generalistas
Eu utilizava o Kadence, que é um excelente tema, mas por ser generalista, ele carrega uma bagagem de recursos e integrações que meu site simplesmente não precisava. Isso afetava diretamente os Core Web Vitals e gerava um overhead de CSS e JS desnecessário.
A Solução: Custom Theme “face-queiroz”
Para resolver isso, desenvolvi o face-queiroz. A ideia foi “limpar” a base do site, removendo o Elementor (que gerava código sujo e pesado) e substituindo por uma implementação sob medida:
- Tailwind CSS: Agora, cada elemento de estilo é gerado sob demanda. O site deixou de carregar bibliotecas genéricas para ter um CSS enxuto e performático.
- HTML Nativo: Substituí componentes complexos por estruturas simples em HTML e CSS, o que garante um carregamento muito mais rápido e uma entrega de dados robusta para o Google.
- Dark Mode sem “Flash”: Implementei uma lógica de Dark Mode que respeita a configuração do sistema do usuário desde o primeiro byte, evitando aquele “flash” de luz branca irritante durante o carregamento assíncrono.
Substituição do Elementor
A principal mudança foi a remoção completa do Elementor. Logo substituí os widgets pesados por componentes em HTML puro e Tailwind CSS, eliminando o excesso de divs (DOM nodes) que atrasavam a renderização da página.
Além de remover outros plugins generalistas que apenas ocupavam espaço no front-end. O site agora é construído com elementos HTML limpos, garantindo que o navegador processe a informação de forma muito mais eficiente.
Mudanças de Plugins
Além do Elementor, eu fiz uma atualização no plugin Trends, além de ter criado um novo plugin para mostrar a lista de posts recentes, que era um recurso que era incluso no Elementor. A ironia é que depois que fui banido do WordPress, estou programando mais em WordPress do que antes.
Inicialmente tinha feito o carregamento dos posts recentes usando JavaScript e API do WordPress, porém isso poderia dar problema de linkagem no Google. Fiz esse plugin que cria um shortcode que implementa a lista de posts recentes.
Resultados: Autoridade e Velocidade
Mesmo sem os prints antigos do PageSpeed, os dados atuais do meu domínio mostram que o caminho está correto:
- Domain Rating (Ahrefs): 36.
- Saúde do Site: Atualmente em 80%, com foco total em eliminar redirecionamentos e links quebrados.
- Presença Orgânica: Impacto imediato na fluidez da navegação e tempo de resposta do servidor.
Conclusão
Por fim essa mudança é crucial como parte do meu objetivo de parar de depender de plugins e temas generalistas que sacrificam a performance em troca de facilidades visuais.
