Velocidade da loja nos equipamentos que os clientes usam mesmo
Quase todas as lojas que nos pedem para acelerar são rápidas no escritório e lentas no terreno. A máquina do programador é uma estação de trabalho com fibra; o cliente está num telemóvel de gama média com sinal fraco, e onze scripts externos carregam antes de aparecer o preço.
O trabalho de velocidade que conta começa por medir a segunda máquina.
Para onde vai mesmo o tempo#
| Causa | Fatia típica | Correção |
|---|---|---|
| Scripts externos | A maior na maioria das lojas | Remover, adiar ou alojar por si |
| Imagens não otimizadas | Grande | Formatos modernos, tamanho certo, carregamento adiado abaixo da dobra |
| CSS e tipos de letra bloqueantes | Média | CSS crítico em linha, tipos reduzidos e pré-carregados |
| Páginas dinâmicas sem cache | Média | Colocar em cache páginas de produto e categoria |
| Tempo de resposta do servidor | Menor do que se pensa | Otimizar consultas só depois do acima |
A ordem de trabalho que compensa#
- Medir num telemóvel real de gama média com ligação limitada.
- Inventariar cada script externo e retirar os que ninguém justifica.
- Corrigir imagens: tamanho certo, formato moderno, dimensões explícitas contra deslocamento.
- Colocar em cache categorias e páginas de produto, mesmo para visitantes sem sessão.
- Só depois olhar para consultas do lado do servidor.
O deslocamento do layout é um problema de conversão#
Conteúdo que salta depois de carregar provoca toques errados, e um toque errado numa página de produto é um comprador perdido, não uma métrica. Reserve espaço para imagens, faixas e tudo o que as aplicações injetam.
As faixas de cookies e as barras promocionais são a causa mais comum e estão totalmente sob o seu controlo.
Quanto vale a velocidade#
Lojas rápidas convertem melhor, mas a formulação honesta é mais modesta: a velocidade tira um motivo para sair. Não espere que salve uma página que não responde às perguntas do comprador.
Perguntas frequentes
Que métrica otimizar?
Maior pintura de conteúdo e deslocamento de layout num telemóvel de gama média.
As aplicações são mesmo a causa principal?
Na maioria das lojas alojadas, sim — as do lado da montra acrescentam scripts a tudo.
Um servidor mais rápido ajuda mais?
Raramente. O tempo de servidor costuma ser pequeno face a scripts e imagens.
velocidade da loja onlinecore web vitalsdesempenho e-commerceotimização de imagensscripts externos