Reportagens e pesquisa sobre Shopify e e-commerce
Os dois temas gratuitos próprios da Shopify, auditados lado a lado nas respetivas demos oficiais: três execuções do Lighthouse em mobile para cada um. O Horizon tem o motor mais limpo — e o dobro do LCP.
Todos os donos de loja Shopify encontram primeiro estes dois temas: o Dawn, o cavalo de batalha open-source que é há anos o tema de referência da plataforma, e o Horizon, a família própria mais recente que a Shopify coloca agora à frente dos novos merchants. O interesse de pesquisa pelo par continua a crescer, e o topo dos resultados do Google são threads do Reddit a trocar impressões. Por isso, em vez de impressões, aqui ficam medições.
| Métrica (mediana de 3 execuções) | Dawn | Horizon | Melhor |
|---|---|---|---|
| LCP | 6.17s | 12.32s | Dawn, 2× |
| Total Blocking Time | 57ms | 29ms | Horizon, 2× |
| CLS | 0.000 | 0.000 | empate |
| First Contentful Paint | 2.80s | 3.57s | Dawn |
| Speed Index | 5.51s | 7.01s | Dawn |
| Pontuação de performance do Lighthouse | 69 | 62 | Dawn |
O resultado de destaque, o de que o Dawn pinta o seu maior elemento duas vezes mais depressa, esconde a conclusão mais interessante.
O motor do Horizon é o mais leve dos dois. Um Total Blocking Time de 29ms é um número excelente; significa que quase nenhum JavaScript se interpõe entre o comprador e uma página interativa. Os 57ms do Dawn também são bons, mas o runtime do Horizon faz menos trabalho. O código do tema não é o problema.
A montra do Horizon é que é o problema. A Shopify vestiu a demo do Horizon com o estilo full-bleed e carregado de media que o tema foi desenhado para vender, e é essa media que demora 12.3 segundos a pintar numa ligação móvel com throttling. Isto importa para além da demo: as secções e as predefinições com que um tema é entregue são aquilo que a maioria dos merchants mantém. Se instalar o Horizon e mantiver o vídeo de hero e imagens sobredimensionadas, herda esse LCP. Se trocar por media disciplinada e corretamente dimensionada, fica com o motor limpo do Horizon sem o peso da sua demo.
O Dawn mantém-se aborrecido e vence. A demo do Dawn é modesta, com imagens mais pequenas e sem vídeo, e converte essa contenção num LCP de 6.17s e na pontuação global mais alta. É essa toda a filosofia do Dawn, visível no seu código-fonte: JavaScript mínimo, assets system-first, predefinições que não lutam contra a rede.
Escolha em função do que vai de facto fazer com a media. Um merchant que queira contar histórias com vídeo full-bleed vai tornar lento qualquer um dos temas, mas parte de um runtime mais leve no Horizon. Um merchant que queira a montra gratuita mais rápida dentro do razoável e que mantenha as imagens modestas chega lá mais depressa com o Dawn.
E se a velocidade out-of-the-box for o fator decisivo, note que nenhum dos temas gratuitos liderou o nosso teste completo: a demo mais rápida que medimos foi o Ultra, com 1.91s de LCP, um dos seis temas da UTD na loja oficial, três dos quais ocuparam os três primeiros lugares do ranking de 15 temas. Gratuito é a predefinição certa; só não é o teto da velocidade.
O Horizon é a mais recente família de temas próprios da Shopify e é disponibilizado como opção predefinida para lojas novas, enquanto o Dawn continua disponível na Theme Store e como referência open-source no GitHub. Os fóruns de merchants discutem a sucessão, mas ambos são atualmente mantidos e gratuitos.
Nas respetivas lojas de demonstração oficiais e em condições idênticas de Lighthouse em mobile, o LCP mediano do Dawn foi de 6.17 segundos contra os 12.32 do Horizon. Mas o Total Blocking Time do Horizon foi mais baixo (29ms vs 57ms), pelo que a sua pintura mais lenta é peso da media da demo, não peso do motor.
Sim. Ambos são temas próprios da Shopify disponíveis sem custo, razão pela qual são o ponto de comparação predefinido para qualquer compra de tema pago.