Como otimizar o carregamento de vídeos incorporados no site
Oi! Aqui é a Sensei da GeHost 🥋 Vídeo é ótimo pra engajar visitante, mas é também um dos maiores vilões da velocidade de carregamento — um player mal configurado pode deixar sua página lenta mesmo com uma hospedagem rápida. Vamos deixar isso redondo juntos, passo a passo.
Por que vídeo deixa o site lento?
O problema quase nunca é a hospedagem em si: é o peso do arquivo de vídeo e o jeito como ele é carregado. Um vídeo de alguns minutos pode pesar dezenas de megabytes — se ele carrega automaticamente assim que a página abre, o visitante espera um tempão só pra ver o resto do conteúdo aparecer.
Passo 1 — Prefira incorporar (embed) em vez de hospedar o vídeo no seu próprio site
A forma mais eficiente de exibir vídeo é subir o arquivo em uma plataforma especializada (como YouTube ou Vimeo) e incorporar apenas o player no seu site através do código de "compartilhar/incorporar" que essas plataformas oferecem.
Por que isso ajuda tanto: essas plataformas já entregam o vídeo através de uma rede de distribuição global (CDN) otimizada só pra isso, além de gerarem várias qualidades automaticamente (o player entrega a resolução ideal pra conexão de cada visitante). Isso tira todo esse peso da sua hospedagem.
Passo 2 — Evite subir o arquivo de vídeo direto pela hospedagem
Se o vídeo estiver hospedado como arquivo dentro do seu site (por exemplo, enviado pelo Gerenciador de Arquivos do cPanel), cada visita consome espaço e velocidade de transferência do seu plano — e sem os recursos de otimização automática que uma plataforma de vídeo tem.
Se você já tem vídeos enviados assim, o ideal é migrar esses arquivos para uma plataforma de vídeo e trocar pelo embed. Ficou em dúvida sobre o consumo do seu plano? Dá uma olhada no painel.gehost.com.br ou fale com o suporte.
Passo 3 — Ative o carregamento "sob demanda" (lazy load)
Por padrão, um iframe de vídeo incorporado pode carregar recursos assim que a página abre — mesmo que o vídeo esteja lá embaixo, fora da tela. Para evitar isso:
- Se você usa um construtor de sites ou plugin (Elementor, WordPress, etc.), procure a opção "lazy load" ou "carregamento tardio" nas configurações do vídeo/bloco.
- No código do embed, você também pode adicionar o atributo
loading="lazy"na tag do iframe, quando o construtor permitir edição manual do HTML. - Assim, o vídeo só carrega de verdade quando o visitante rola a página até ele.
Passo 4 — Use uma "capa" (thumbnail) em vez do player já carregado
Uma técnica muito eficiente é mostrar apenas uma imagem de capa com um botão de play no lugar do player completo. O player pesado (com todos os scripts da plataforma) só é carregado de fato quando o visitante clica para assistir.
Muitos plugins de vídeo para WordPress já têm essa opção pronta, geralmente chamada de "facade", "capa do vídeo" ou "carregar player ao clicar". Vale a pena procurar essa configuração no plugin que você usa.
Passo 5 — Nunca deixe o vídeo em autoplay
Além de atrapalhar a experiência do visitante (e muitas vezes ser bloqueado pelo próprio navegador), o autoplay força o carregamento imediato do vídeo assim que a página abre, competindo com o resto do conteúdo por velocidade. Desative essa opção sempre que possível.
Passo 6 — Otimize a imagem de capa do vídeo
Se você usa uma imagem de capa personalizada (miniatura) no lugar do player, lembre-se: ela também é uma imagem comum e precisa seguir as boas práticas de otimização — tamanho adequado e formato leve. Uma capa maior que o necessário anula parte do ganho de performance.
Passo 7 — Teste o resultado
Depois de aplicar as mudanças, teste o carregamento da sua página em uma ferramenta de análise de performance (existem várias gratuitas na internet) para confirmar que o tempo de carregamento melhorou.
Resumo da Sensei: sempre que possível, incorpore vídeos de plataformas especializadas em vez de hospedá-los diretamente no seu site, ative o carregamento sob demanda, use uma capa no lugar do player e nunca deixe em autoplay. Essas quatro mudanças já resolvem a maior parte da lentidão causada por vídeo.
Ficou com dúvida em algum passo ou não achou a opção de lazy load no seu construtor de sites? É só chamar o suporte da GeHost que a gente te ajuda a encontrar 😊
