Página
Colofão
Como este sítio foi construído, dito com simplicidade — incluindo as partes que não estão terminadas.
Porque foi reconstruído
Já não é WordPress
O sítio anterior corria em WordPress com cerca de 47 extensões activas. Este foi construído a partir de uma recolha congelada do sítio antigo — 870 páginas capturadas e processadas offline, com a rede completamente bloqueada — e depois reconstituído como PHP semi-estático. Sem extensões, e sem base de dados no caminho do pedido. Uma página é um pequeno ficheiro PHP que inclui um ficheiro HTML estático como corpo.
A marcação do sítio desceu de 196,2 MB para 33,7 MB — menos 83% — e 237 KB de ficheiros partilhados em includes/ servem todas as páginas.
Tipografia
Palatino Linotype e Lato
O Palatino Linotype é o tipo de assinatura da Hibrkraft, à cabeça da pilha de títulos, com Palatino, Book Antiqua, Iowan Old Style e Georgia a seguir — escolhidos por terem proporções próximas. Não existe @font-face para ele: o Palatino é distribuído tanto com o macOS como com o Windows, pelo que custa zero bytes e zero pedidos de rede.
O Lato leva o texto corrido e a interface; o PT Serif vem do tema antigo. Ambos são agora alojados por nós — 16 ficheiros woff2, 157 KB, sob a SIL Open Font License, subconjuntos por unicode-range e por língua. Os pedidos ao Google Fonts são agora zero; antes eram três, mais um preconnect.
Cor
Uma interface sem cor, e produtos que a carregam
O logótipo da Hibrkraft é monocromático — 87,8% #101018 — pelo que a interface é deliberadamente acromática. O único acento é o castanho de couro #8A583C, medido directamente na fotografia de produto deste sítio e usado uma vez por vista. O couro e os materiais levam a cor; a interface não.
Texto e imagens
Uma medida legível, e imagens WebP
A coluna de texto corrido é mantida entre 45 e 75 caracteres por linha; algumas páginas antigas estavam a 164 caracteres antes de serem corrigidas. As imagens são servidas em WebP com variantes sufixadas pela largura (-600x400, -1024x683, e assim por diante), de modo que o navegador carregue o tamanho adequado ao ecrã em vez de transferir a imagem completa num telemóvel.
Dados estruturados
Um grafo, não três
O sítio antigo emitia três nós Organization e dois nós WebSite em cada página — três extensões diferentes, cada uma a descrever a mesma empresa. Agora há um único @graph JSON-LD por página.
Fotografia
Fotografias nossas, logótipos de parceiros a cinzento
Toda a fotografia de produto e de oficina é da Hibrkraft, apresentada a cores. As únicas imagens deliberadamente convertidas para escala de cinzentos são os logótipos de parceiros — são as cores de marca deles, e não cabe a este sítio alterá-las.
Alojamento
Rumahweb, com Brotli activo
O sítio corre em alojamento partilhado na Rumahweb, sobre Apache e LiteSpeed. A compressão Brotli está activa no caminho de entrega — medido numa página, 296 406 bytes para 46 801 bytes.
O que não está terminado
Dito com clareza, não apresentado como feito
O tema herdado do sítio antigo ainda carrega cerca de 27 folhas de estilo e 44 scripts só nesta página, e não há hoje qualquer orçamento de recursos imposto — isto é uma reestruturação, não um sítio leve. Fundir esses ficheiros em menos pacotes é trabalho subsequente que não foi feito.
Nos dados de campo da Google, 161 URL deste sítio falham o limiar de «LCP acima de 4 segundos» em telemóvel. Esse número não é aqui arrumado para fora de vista; fica de pé como trabalho ainda por fazer.
Terakhir diperbarui
