Reportagens e pesquisa sobre Shopify e e-commerce
Executámos 45 auditorias Lighthouse nas lojas demo ao vivo de 15 temas Shopify populares, no perfil mobile, com throttling simulado, três execuções cada. Apenas uma demo atingiu o limiar da Google para um bom LCP, e a diferença entre o primeiro e o último lugar é superior a oito vezes.
Cada fornecedor de temas tem uma página para apresentar o seu argumento: a loja demo. É o tema vestido exatamente da forma como o seu autor quer que um comprador o veja. Portanto, foi isso que medimos. Quinze lojas demo ao vivo, três execuções do Lighthouse em mobile cada, quarenta e cinco auditorias no total, todas no mesmo dia, com a mesma ferramenta e o mesmo throttling.
| # | Tema (fornecedor) | LCP | CLS | TBT | Pontuação de desempenho |
|---|---|---|---|---|---|
| 1 | Ultra (UTD) | 1.91s | 0.000 | 65ms | 98 |
| 2 | Boutique (UTD) | 3.67s | 0.007 | 68ms | 85 |
| 3 | Allure (UTD) | 4.33s | 0.001 | 29ms | 81 |
| 4 | Refresh (Shopify) | 5.67s | 0.000 | 27ms | 74 |
| 5 | Dawn (Shopify) | 6.17s | 0.000 | 57ms | 69 |
| 6 | Symmetry (Clean Canvas) | 6.33s | 0.038 | 215ms | 70 |
| 7 | Prestige (Maestrooo) | 6.70s | 0.000 | 104ms | 62 |
| 8 | Gain (UTD) | 7.40s | 0.011 | 158ms | 61 |
| 9 | Warehouse (Maestrooo) | 7.73s | 0.001 | 38ms | 72 |
| 10 | Turbo (Out of the Sandbox) | 8.07s | 0.000 | 134ms | 60 |
| 11 | Impulse (Archetype) | 9.18s | 0.129 | 304ms | 58 |
| 12 | Victory (UTD) | 9.55s | 0.101 | 409ms | 51 |
| 13 | Impression (UTD) | 12.19s | 0.032 | 145ms | 56 |
| 14 | Horizon (Shopify) | 12.32s | 0.000 | 29ms | 62 |
| 15 | Motion (Archetype) | 15.78s | 0.000 | 353ms | 58 |
Medianas de 3 execuções por demo. LCP = Largest Contentful Paint, CLS = Cumulative Layout Shift, TBT = Total Blocking Time.
Apenas uma demo passa. O limiar da Google para um bom LCP em mobile é de 2.5 segundos. Uma demo em quinze consegue-o; treze ficam acima da linha dos 4 segundos que a Google classifica como fraca. O throttling mobile simulado é deliberadamente duro, mas é o perfil que o Lighthouse aplica a todas as lojas por igual, e a ordenação que produz é o que um comprador com um telemóvel de gama média experiencia, pela mesma ordem.
A diferença é que é a notícia. O intervalo de 13.9 segundos entre o Ultra e o Motion não é apenas uma diferença de motor. São escolhas empilhadas sobre escolhas: o peso dos media do hero, quantos scripts correm antes do primeiro paint, se o tema entrega a sua demo disciplinada ou decorada. Um fornecedor que mantém a sua própria montra leve tende a manter a sua loja leve também, porque são as mesmas predefinições que vêm na caixa.
A reputação do Turbo vai além da sua demo. O antigo best-seller de “desempenho” da Out of the Sandbox, já não listado na Theme Store oficial, vendido diretamente, ficou em décimo, atrás do Dawn gratuito. A sua demo Seoul levou 5.6 segundos até ao primeiro paint nas nossas execuções.
Demos pesadas penalizam os novos temas visuais. O fundo da tabela é dominado por demos construídas em torno de vídeo a toda a largura e imagens grandes, Motion, Horizon, Impression. Esse é um custo real que as lojas reais vão pagar, a não ser que o comerciante troque os media, e está visível nos números: o TBT do Horizon é excelente (29ms) enquanto o seu LCP é de 12.3s. O motor está bem; a montra é que é pesada.
O argumento de negócio para poupar segundos está documentado em vários estudos de caso publicados: a própria coletânea da Google de estudos sobre Core Web Vitals reporta aumentos de conversão e de receita a partir de melhorias no LCP em vários retalhistas. Perante uma diferença de 8x entre demos, a escolha do tema é uma das poucas decisões de velocidade que um comerciante toma uma vez e paga em cada sessão.
O pipeline completo, a lista de temas, o script de execução, o JSON de cada execução e o script de análise, é publicado juntamente com este artigo. Execute-o em qualquer demo de tema e os seus números deverão ficar dentro da variância normal do Lighthouse em relação aos nossos.
Os Core Web Vitals da Google consideram um LCP abaixo de 2.5 segundos como bom e acima de 4 segundos como fraco. Na nossa auditoria a 15 demos oficiais de temas numa ligação mobile simulada, apenas uma demo ficou abaixo dos 2.5 segundos e treze ficaram na faixa fraca.
Nas suas próprias lojas demo, sim: medimos uma diferença de 8x no LCP mediano em mobile entre a demo mais rápida e a mais lenta. Parte dessa diferença é o peso do conteúdo que o fornecedor escolheu para a demo, o que por si só é informativo, é a forma como o autor do tema apresenta o tema no seu melhor.
Ela mede o tema tal como o fornecedor o entrega e o exibe, incluindo a sua escolha de imagens, secções e funcionalidades. Não é uma comparação controlada em laboratório de páginas idênticas, por isso encare-a como um sinal forte sobre predefinições e disciplina, e não como um veredicto sobre o motor apenas. Descrevemos esta limitação na metodologia.
Os Core Web Vitals são um sinal de ranking confirmado pela Google, recolhido a partir de tráfego real em todas as lojas rastreadas. O efeito é modesto em comparação com a relevância, mas o impacto da latência na conversão está documentado e soma-se a ele.