Otimização WordPress

PAPIÊ

PAPIÊ E-commerce / Artesanato & Encadernação 2024 Visitar PAPIÊ ↗
PAPIÊ

A PAPIÊ® é uma loja online portuguesa especializada em encadernação e cartonagem artesanal personalizada — produtos feitos à mão, com materiais cuidadosamente selecionados, para quem valoriza o detalhe e a autenticidade. Mas havia uma contradição entre o cuidado posto em cada peça e a experiência de quem tentava comprá-la online: o site não só demorava a carregar como os elementos saltavam de sítio enquanto o utilizador tentava navegar.

O Desafio: quando a loja “move o chão” ao cliente

O site obtinha 25/100 no Google PageSpeed Insights. Para além dos tempos de carregamento elevados, o indicador mais problemático era o Cumulative Layout Shift de 0,227 — um valor muito acima do aceitável (0,1), que significa que botões, imagens e textos mudavam de posição durante o carregamento. Numa loja online, isto traduz-se em cliques errados, frustração e carrinhos abandonados. Os problemas identificados incluíam:

  • Cumulative Layout Shift de 0,227 (instabilidade visual severa)
  • Largest Contentful Paint de 14,2 segundos
  • Total Blocking Time de 1.210 ms
  • First Contentful Paint de 5,6 segundos

A Solução

Otimizámos o WordPress e o WooCommerce com foco duplo: eliminar a instabilidade visual e reduzir os tempos de carregamento — devolvendo à loja a fluidez e o cuidado que caracteriza os produtos que vende:

  • Correção completa do Cumulative Layout Shift (reserva de espaço para imagens e fontes)
  • Otimização e compressão de imagens de produto
  • Configuração avançada de cache e pré-carregamento
  • Minificação e adiamento de CSS e JavaScript
  • Otimização do WooCommerce e plugins de loja
  • Limpeza de recursos e dependências desnecessárias

Os Resultados

O site passou de 25/100 para 70/100 — quase triplicou. Mas o resultado mais significativo foi a eliminação total do CLS: a loja passou de 0,227 para zero. Os elementos ficam no sítio, os botões respondem onde se espera, a experiência de compra passou a ser tão cuidada quanto os produtos:

  • Cumulative Layout Shift: 0,227 → 0 (eliminado)
  • Total Blocking Time: 1.210ms → 240ms (−80%)
  • First Contentful Paint: 5,6s → 1,8s (−68%)
  • Speed Index: 5,6s → 2,9s (−48%)
  • Largest Contentful Paint: 14,2s → 8,0s (−44%)

Evidência — Google PageSpeed Insights

Antes da otimização
Antes da otimização: PageSpeed 25/100
Depois da otimização
Depois da otimização: PageSpeed 70/100

📊 Resultados de Performance

Métricas medidas com Google PageSpeed Insights e GT Metrix

❌ Antes da Otimização
25 /100
Google PageSpeed Score
melhoria
✅ Depois da Otimização
70 /100
Google PageSpeed Score
← Ver Todo o Portefólio Quero um projeto semelhante