Mini-relatório de desempenho e acessibilidade: josefinas.com

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: 14-11-2026, duas execuções seguidas (página /en). Os valores de tempo variam entre execuções; por isso mostramos ambas.

MétricaExecução 1Execução 2Referência
Desempenho (0-100)262690+ é bom
First Contentful Paint (estimativa Lighthouse, 4G lento)8,3 s8,5 s≤ 1,8 s
Largest Contentful Paint (estimativa Lighthouse)27,8 s23,6 s≤ 2,5 s
Total Blocking Time5 820 ms3 730 ms≤ 200 ms
Peso total da página6 129 KiB6 129 KiBquanto menos, melhor
Acessibilidade (0-100)9696100
SEO (0-100)929290+

3 problemas principais

1. O CSS principal tem 4,1 MB, dos quais 3,0 MB são um source map de desenvolvimento, e bloqueia o primeiro ecrã

O que medimos: O ficheiro style.css do tema é carregado no <head> como folha de estilo bloqueante. Descomprimido tem 4 137 547 bytes; a partir do comentário sourceMappingURL (byte 1 125 692) seguem-se 3 011 855 bytes de um mapa de código-fonte em base64, que só serve para depuração. Comprimido em gzip são 704 KB que o telemóvel tem de descarregar antes de pintar a página.

Impacto: É o maior atraso individual da página: o Lighthouse estima o primeiro conteúdo aos 8,3-8,5 s em telemóvel com 4G lento. O CSS útil é cerca de 1,1 MB; sem o mapa, o ficheiro fica com cerca de um quarto do tamanho.

Correção: Compilar o SASS do tema em modo de produção, sem source maps embebidos (por ex. sourceMap: false / --no-source-map), e voltar a gerar o style.css. Se o mapa for útil à equipa, gerá-lo como ficheiro .map separado, que o navegador só pede com as ferramentas de programador abertas.

2. Os 3 banners de telemóvel têm cerca de 1 MB cada (1060 × 1500 px)

O que medimos: Em ecrãs até 768 px, o carrossel do topo usa imagens de fundo CSS josefinas_bannermobile_03_0.jpg, _04_0.jpg e _05.jpg, e as três são descarregadas logo à entrada. Medimos uma delas: 1060 × 1500 px, 1 076 235 bytes. Ao voltar a gravar a mesma imagem, com as mesmas dimensões, em JPEG qualidade 80, ficou com 232 626 bytes (-78%).

Impacto: Cerca de 3,1 MB só em banners, metade do peso da página (6,1 MB). Em dados móveis isto custa tempo e dinheiro ao cliente antes de ver um sapato.

Correção: Exportar os banners de telemóvel com compressão normal (JPEG q75-80 ou WebP, ~150-250 KB cada) e carregar os slides 2 e 3 só quando forem mostrados. No Drupal, um estilo de imagem (image style) com conversão para WebP faz isto automaticamente para novos banners.

3. O logótipo em telemóvel é um link vazio, sem nome para leitores de ecrã

O que medimos: No cabeçalho móvel, o logótipo é um link sem texto nem aria-label (a imagem vem do CSS). Um leitor de ecrã anuncia apenas "link". O logótipo da versão de computador já tem aria-label="Josefinas home".

Impacto: É o primeiro link da página em telemóvel. A acessibilidade de lojas online é exigida na UE desde junho de 2025 (Lei Europeia da Acessibilidade); este é um ponto de correção simples.

Correção: Acrescentar aria-label="Josefinas – página inicial" ao link do logótipo móvel (o mesmo que já existe no logótipo de computador), no template do cabeçalho.

Outros pontos observados

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.