Velocidade de tema Shopify em telemóveis reais
O trabalho de velocidade no Shopify tem uma forma previsível: as equipas otimizam Liquid, discutem sobre o tema e deixam uma imagem hero com quatro vezes o tamanho em que é renderizada e onze scripts de terceiros a carregar antes da página pintar.
Meça primeiro, depois corrija pela ordem que compensa.
Onde o tempo realmente vai#
| Causa | Quota típica do problema | Dificuldade de correção |
|---|---|---|
| Imagens sobredimensionadas ou não otimizadas | Grande | Fácil |
| Scripts de terceiros e de apps | Grande | Média — política, não técnica |
| Fontes web | Moderada | Fácil |
| Sliders pesados e secções hero com vídeo | Moderada | Fácil, se conseguir ganhar a discussão |
| Renderização Liquid | Pequena | Média |
A ordem em que trabalhar#
- Meça num telemóvel de gama média numa ligação real, não no seu portátil.
- Corrija imagens: dimensões corretas, formato moderno, lazy-load em tudo abaixo da dobra.
- Audite scripts: remova apps que ninguém usa; adie tudo o que não é necessário para pintar.
- Corte o hero: uma imagem supera um carrossel de vídeo em reprodução automática em todas as métricas que importam.
- Crie subconjuntos e pré-carregue fontes, ou use fontes do sistema.
- Só então olhe para o código do tema.
Meça aquilo que os clientes sentem#
Largest contentful paint na página de produto numa ligação móvel é o número que se correlaciona com receita. Pontuações sintéticas são úteis para detetar regressões e terríveis como objetivos — uma loja pode ter boa pontuação e ainda assim parecer lenta a um cliente num comboio.
Registe uma linha de base antes de qualquer alteração e depois de cada uma. Sem linha de base, o trabalho de velocidade torna-se numa discussão sobre opiniões.
A conversa sobre apps#
A maioria dos problemas de velocidade é a app favorita de alguém. Traga números: esta app custa 400ms em cada página de produto e é usada por duas pessoas. Essa conversa corre melhor do que "o site está lento" e é a que produz ganhos reais.
Perguntas frequentes
A escolha do tema importa para a velocidade?
Menos do que imagens e scripts. Um tema bem construído ajuda, mas não consegue ultrapassar onze scripts de terceiros.
Vale a pena perseguir uma pontuação perfeita?
Não. Persiga o tempo de pintura da página de produto num telemóvel de gama média; é isso que os clientes experienciam.
As apps custam realmente tanto?
As que afetam a montra custam. Meça cada uma desativando-a e testando novamente — os números normalmente resolvem o debate.
velocidade shopifyvelocidade página shopifydesempenho shopifycore web vitals shopifyvelocidade tema shopify
