Como otimizar o carregamento de vídeos incorporados no site
Olá! Aqui é a Sensei da GeHost 🎓. Vídeo é um dos recursos que mais deixa um site bonito e convincente — mas também é, disparado, o maior vilão da velocidade de carregamento quando mal configurado. Vamos entender juntos por que isso acontece e, principalmente, como resolver de um jeito simples, sem precisar de conhecimento técnico avançado.
Regra de ouro: um vídeo de poucos minutos pode pesar dezenas ou até centenas de megabytes. Cada visitante que carrega essa página inteira baixa esse peso todo — isso consome espaço e tráfego do seu plano e deixa o site lento, especialmente no celular.
1. Prefira sempre uma plataforma de vídeo externa
A recomendação nº 1 da Sensei: não hospede o arquivo de vídeo diretamente no seu plano de hospedagem. Em vez disso, suba o vídeo em uma plataforma feita justamente para isso — como YouTube ou Vimeo — e apenas incorpore o player (aquele quadradinho com o vídeo) na sua página.
- Essas plataformas já otimizam o vídeo automaticamente para cada tipo de tela e conexão.
- Elas entregam o vídeo através de redes de distribuição próprias, muito mais rápidas do que um servidor de hospedagem comum.
- Seu plano de hospedagem fica livre para o que ele faz de melhor: entregar as páginas, textos e imagens do site com agilidade.
Se você já tem arquivos de vídeo enviados diretamente para dentro do seu site, dá pra conferir isso no Gerenciador de Arquivos do cPanel — normalmente dentro da pasta public_html. Se encontrar arquivos .mp4, .mov ou .avi pesados por lá, esse é um forte candidato a estar deixando seu site lento.
Se realmente precisar manter o vídeo dentro do site
Existem cenários específicos (como vídeos institucionais internos) em que isso é necessário. Nesse caso:
- Comprima o vídeo antes de enviar — existem ferramentas gratuitas de compressão que reduzem bastante o tamanho do arquivo sem perder muita qualidade visível.
- Evite resoluções acima do necessário para exibição na tela (um vídeo em 4K raramente compensa em um site).
- Fique de olho no espaço e no tráfego consumidos — os limites de cada plano podem ser consultados no painel do cliente (painel.gehost.com.br).
2. Ative o "carregamento sob demanda" (lazy loading)
Este é o segredo mais simples e poderoso: fazer o vídeo só carregar quando o visitante realmente for assisti-lo, em vez de carregar automaticamente assim que a página abre.
Na prática, isso funciona assim:
- A página mostra apenas uma imagem de capa do vídeo (uma miniatura), que é leve e carrega rápido.
- Só quando o visitante clica em cima dessa imagem, o player de vídeo de verdade é carregado.
Se o seu site foi feito em WordPress, boa notícia: a maioria dos construtores de página modernos (Elementor, Divi e outros) já tem essa opção de "carregamento sob demanda" ou "lazy load" nos próprios blocos de vídeo — geralmente basta ativar uma opção nas configurações do bloco, sem mexer em código. Se o seu site foi desenvolvido sob medida pela nossa equipe, pode pedir para o time de desenvolvimento revisar esse ponto.
Dica da Sensei: se você usa YouTube, prefira sempre o domínio de incorporação mais leve (youtube-nocookie.com), disponível na própria opção de "compartilhar → incorporar" do YouTube. Ele carrega menos recursos de rastreamento antes do clique.
3. Coloque poucos vídeos por página
Cada vídeo incorporado, mesmo com carregamento sob demanda, ainda adiciona um pouco de peso à página (o player, a miniatura, os scripts da plataforma). Por isso:
- Evite colocar mais de 2 ou 3 vídeos na mesma página.
- Se você tem muitos vídeos (um catálogo, por exemplo), considere distribuí-los em páginas diferentes ou usar abas/paginação para não carregar todos de uma vez.
4. Sempre defina largura e altura do player
Quando o código de incorporação do vídeo (o "embed") não tem um tamanho fixo definido, o restante do conteúdo da página pode "pular" enquanto o player termina de carregar — isso é desconfortável para quem está navegando e também é penalizado pelos mecanismos de busca. A maioria dos códigos de incorporação já vem com width e height definidos por padrão — evite removê-los ao colar o código no seu site.
5. Confira o resultado
Depois de aplicar essas mudanças, vale testar! Existem ferramentas gratuitas e conhecidas de análise de velocidade de sites disponíveis na internet, onde você cola o endereço do seu site e recebe um relatório com sugestões e uma nota de desempenho. É uma ótima forma de confirmar que o vídeo deixou de ser um gargalo.
Resumo da Sensei:
- Hospede o vídeo em uma plataforma externa (YouTube, Vimeo etc.) e apenas incorpore o player.
- Ative o carregamento sob demanda (lazy loading) para o vídeo só carregar no clique.
- Use poucos vídeos por página e mantenha os tamanhos do player definidos.
Se tiver qualquer dúvida sobre onde encontrar essas opções no seu site ou sobre os limites de espaço e tráfego do seu plano, é só chamar o suporte da GeHost — estamos por aqui para ajudar! 💚
