Guia do site 3D
Site com vídeo no scroll pesa no celular?
Não precisa pesar. Um site com vídeo no scroll fica leve no celular quando o telefone recebe versões menores de cada vídeo e cada cena só carrega quando a pessoa chega perto dela. Na home da Semfio, o vídeo da primeira tela tem menos de 1 MB no celular. No iPhone, o vídeo precisa estar sem som e marcado para tocar dentro da página.
Dados
- Menos de 1 MB é o tamanho do vídeo da primeira tela da home da Semfio no celular. Fonte: perguntas frequentes da Semfio.
- 2,5 segundos é o limite do Google para o maior bloco da página aparecer, medido em 75% das visitas. Fonte: web.dev, do Google.
- iOS 10, de 2016, liberou o vídeo que toca sozinho no iPhone, desde que esteja sem som e marcado para tocar dentro da página. Fonte: WebKit, 25 de julho de 2016.
- 31 de outubro de 2023 foi quando o Google concluiu a indexação pelo celular: o site é avaliado pela versão do telefone. Fonte: Google Search Central.
Por que alguns sites com vídeo ficam pesados no celular?
Os sites com vídeo ficam pesados quando mandam para o celular o mesmo arquivo grande do computador e carregam todos os vídeos de uma vez, logo na abertura. O telefone baixa minutos de vídeo que a pessoa talvez nem veja, e a primeira tela demora a aparecer.
Como deixar um site com vídeo leve no celular?
Um site com vídeo fica leve quando segue quatro passos:
- Gerar uma versão menor de cada vídeo só para o celular.
- Mostrar uma imagem da cena enquanto o vídeo ainda não chegou.
- Carregar cada cena só quando a pessoa se aproxima dela.
- Deixar os vídeos sem som, o que também libera o vídeo no iPhone.
Por que o vídeo fica preto ou parado no iPhone?
O vídeo fica preto ou parado no iPhone quando não está marcado como mudo e para tocar dentro da página. Desde o iOS 10, o Safari só deixa o vídeo começar sozinho nessas condições. Abrir o site pelo WhatsApp ou pelo Instagram, que usam o mesmo motor do Safari, repete o problema.
O peso do site atrapalha no Google?
Atrapalha quando a primeira tela demora: o Google considera boa a página cujo maior bloco aparece em até 2,5 segundos e avalia o site pela versão do celular. Um vídeo bem feito não é o problema; o problema é o arquivo grande na abertura.
Erros comuns
- Carregar todos os vídeos na abertura: a primeira tela espera por cenas que estão lá embaixo.
- Usar o arquivo do computador no celular: um vídeo feito para tela grande pesa várias vezes mais do que o celular precisa.
- Esquecer a imagem de espera: sem ela, a pessoa vê um quadro preto até o vídeo chegar.
- Testar só no computador: o defeito do iPhone só aparece no iPhone, e o Google olha primeiro o celular.
Como a Semfio deixa o site leve?
A Semfio gera uma versão menor de cada vídeo para o celular, mostra a imagem da cena antes do vídeo, carrega cada cena só quando ela se aproxima e testa no iPhone antes de publicar. Na home da Semfio, o vídeo da primeira tela tem menos de 1 MB no celular.
Perguntas frequentes
Como eu testo a velocidade do meu site?
O PageSpeed Insights, do Google, mede a velocidade de qualquer endereço, separando celular e computador.
O vídeo gasta muito dado móvel?
Gasta pouco quando cada cena só carrega perto da pessoa: quem não rola até o fim não baixa as últimas cenas.
O que aparece se o vídeo não carregar?
Aparece a imagem da cena, e o texto continua lá, porque ele está no HTML e não dentro do vídeo.
O site 3D funciona no Android também?
Funciona. Os navegadores do Android também tocam sozinho o vídeo sem som, e a Semfio testa o site no computador e no celular antes de publicar.