proGrow: de PageSpeed 52 para 97

O desafio

O site Webflow da proGrow tinha um aspeto profissional à superfície, mas estava com dificuldades por baixo. O tempo médio de carregamento era de 7,58 segundos. O tamanho médio das páginas era de 4,73MB. Só a página da equipa pesava 21,3MB.

O site tinha acumulado dívida técnica através de desenvolvimento rápido: 1.321 classes CSS não utilizadas, 19 animações não utilizadas, elementos escondidos com texto lorem ipsum, e hierarquia de títulos partida em quase todas as páginas. Nada disto era visível para o cliente, mas estava a prejudicar a performance, o SEO e a acessibilidade.

A solução

Fizemos uma auditoria completa às 13 páginas principais usando GTmetrix e Screaming Frog SEO Spider, e depois abordámos os problemas de forma sistemática.

Webflow era a plataforma. Os problemas não estavam nas capacidades do Webflow, mas na forma como o projeto tinha sido construído e mantido. Todas as correções foram feitas com as ferramentas nativas do Webflow.

Limpeza de código foi o primeiro passo. Removemos todas as classes, animações e elementos escondidos não utilizados. Breakpoints desnecessários foram eliminados. Componentes duplicados de navegação e rodapé foram consolidados em blocos reutilizáveis.

Otimização de imagens seguiu-se. Todas as imagens foram comprimidas e redimensionadas. Atributos de dimensão foram adicionados para que os browsers pudessem reservar espaço antes de carregar. Texto alternativo foi adicionado em todo o site.

SEO e estrutura completaram o trabalho. A hierarquia de títulos foi reconstruída em todas as páginas. Meta descriptions foram escritas. Imagens OpenGraph foram criadas. Inconsistências de URLs e tags hreflang partidas foram corrigidas.

Abordagem técnica

A auditoria revelou que os problemas eram sistémicos, não isolados. Os mesmos problemas repetiam-se em todas as páginas: H1 em falta, imagens não otimizadas, código redundante, elementos escondidos a carregar recursos.

A correção seguiu um processo rigoroso página a página: auditoria com GTmetrix para dados de performance, auditoria com Screaming Frog para questões de SEO e estrutura, correção de tudo numa única passagem, e depois reteste. O processo todo levou duas semanas.

Os resultados

Duas semanas após as correções, os retestes no GTmetrix mostraram melhorias em todas as páginas. A página da equipa passou de 52% para 97%. Duas páginas atingiram pontuações perfeitas de 100%. Os structure scores melhoraram 5-10 pontos em todo o site.

Para o detalhe completo com pontuações antes e depois, leia o artigo detalhado da auditoria.