Preparado pela Alvuo Labs (Portugal). Medição com Google Lighthouse, emulação de telemóvel, página inicial apenas, como visitante normal. Duas execuções: 15-11-2026, duas execuções seguidas (página inicial https://www.reshapeceramics.com/). Os valores de tempo variam entre execuções; por isso mostramos ambas.
| Métrica | Execução 1 | Execução 2 | Referência |
|---|---|---|---|
| Desempenho (0-100) | 31 | 39 | 90+ é bom |
| First Contentful Paint (estimativa Lighthouse, 4G lento) | 3,5 s | 3,6 s | ≤ 1,8 s |
| Largest Contentful Paint (estimativa Lighthouse) | 7,1 s | 5,1 s | ≤ 2,5 s |
| Peso total transferido | 2 799 KiB | 2 710 KiB | quanto menos, melhor |
| Tamanho do HTML da página inicial (descomprimido) | 1 362 667 B | 1 362 667 B | < 200 KB é o habitual |
| Elementos na página (DOM) | 3 811 | 3 811 | < 1 400 recomendado |
| Acessibilidade (0-100) | 92 | 92 | 100 |
| SEO (0-100) | 100 | 100 | 90+ |
O que medimos: A página inicial chega comprimida (~77 KB), mas o navegador tem de ler 1,36 MB de HTML e construir 3 811 elementos. Medimos os 18 cartões de produto (<product-grid-item>) dos carrosséis: somam 1 077 507 B, ~60 KB cada. Cada cartão traz o bloco completo de todas as variantes de cor e, dentro de cada variante, outra vez as fotos de todas as cores. Ex.: o cartão da chávena grande tem 18 <img> para 6 fotos diferentes (bege, azul e verde, 2 de cada), e 3 formulários de compra. Na página há 296 <img> para 97 imagens distintas.
HTML de https://www.reshapeceramics.com/ (15-11-2026): 1 362 667 B; 18 <product-grid-item> = 1 077 507 B; 48 <product-grid-item-variant>1.º cartão: chavena_grande_bege_V2…jpg, _bege_V1, _azul_V2, _azul_V1, _verde_V2, _verde_V1 — a sequência repete-se 3× (18 <img>)Lighthouse dom-size: 3 811 elementos; bootup-time: o próprio documento https://www.reshapeceramics.com/ é o maior consumidor de CPU nas duas execuçõesImpacto: Num telemóvel, ler e desenhar este HTML ocupa o processador antes de a página responder ao toque. O Lighthouse atribui 37% do tempo do maior elemento (LCP) a atraso de desenho (render delay), não ao download. O Total Blocking Time saiu muito alto (8,4 s e 25 s); este valor varia com a máquina de teste, por isso não o usamos como número principal, mas a causa maior é a mesma nas duas execuções.
Correção: No tema, mostrar nos cartões da página inicial só a variante selecionada (foto principal + foto ao passar o rato) e carregar as outras cores apenas quando o cliente escolhe a cor (ou ligar o cartão à página do produto). Em alternativa, reduzir os carrosséis da página inicial de 18 para 8 produtos. Previsto: HTML abaixo de 400 KB e menos de metade dos elementos.
O que medimos: Os quadrados de coleção mostram o nome por cima da foto, mas o link que cobre o quadrado é <a … aria-label=""></a>, sem texto. Um aria-label vazio diz ao leitor de ecrã que o link não tem nome; quem navega com teclado ou leitor de ecrã ouve apenas "link" quatro vezes.
<a href="/collections/timeless" class="link-over-image" aria-label=""></a><a href="/collections/do-zero-x-reshape" …>, <a href="/collections/no-waste" …>, <a href="/collections/candles-fragrances" … aria-label="">Lighthouse link-name: 4 elementos (as mesmas 4 coleções), nas duas execuçõesImpacto: São as entradas principais para as coleções a partir da página inicial. É a falha que mais pesa na nota de acessibilidade (92) e a Lei Europeia da Acessibilidade aplica-se a lojas online desde junho de 2025.
Correção: No editor do tema, preencher o campo de etiqueta/título do link em cada bloco de coleção (é o que alimenta o aria-label), ou no ficheiro da secção trocar aria-label="{{ … }}" para usar o título da coleção quando o campo estiver vazio. São 4 blocos.
O que medimos: O selo "Novo" nos produtos usa texto #fffcf9 de ~10 px sobre #d2815f: contraste 2,91:1. A mensagem de portes grátis no carrinho (#fffcf9 sobre #a26d37, ~11 px) tem 4,29:1, e um parágrafo (#836a56 sobre #efebe6, 13 px) 4,25:1. O mínimo para texto deste tamanho é 4,5:1.
Lighthouse color-contrast: <div class="product__badge product__badge--custom product__badge--novo"> 2,91 (#fffcf9 sobre #d2815f, 10,2 px)<span class="cart__message-default"> e <span data-left-to-spend class="strong"> 4,29 (#fffcf9 sobre #a26d37, 10,8 px); <p> 4,25 (#836a56 sobre #efebe6, 13 px)Impacto: O selo é pequeno e claro sobre terracota: difícil de ler para quem vê mal ou ao sol. Os outros dois estão perto do limite e corrigem-se com um tom.
Correção: Nas definições de cor do tema: escurecer o fundo do selo "Novo" para #a0522d (5,5:1) (ou usar texto escuro sobre o terracota atual); escurecer #a26d37 para #96612d (5,1:1); escurecer o texto #836a56 para #75604d (5,0:1). Mantém-se a paleta, só com mais contraste.
Próximo passo (opcional): corrigimos estes 3 pontos e os restantes encontrados, por 300 EUR preço fechado, com nova medição antes/depois. Ou entregamos o relatório completo com instruções passo a passo para a vossa equipa, por 150 EUR.
Contacto: geral@alvuolabs.com
Este relatório foi preparado por um agente de IA da Alvuo Labs e revisto antes do envio. Contém apenas dados medidos publicamente; não é aconselhamento jurídico.