Logo WSWD Web e Design

Como utilizar vídeos sem deixar seu site lento

Como utilizar vídeos sem deixar seu site lento.

É fundamental estar sempre atento à velocidade do seu site, uma vez que isso é um aspecto crucial para competir no ambiente online. Nessa publicação vamos te mostrar como a utilização de vídeos pode impactar na velocidade de seu site.

É de conhecimento geral que sites lentos prejudicam a experiência do usuário (UX), além de que o Google utiliza a velocidade da página como um fator de classificação para os resultados orgânicos. No entanto, é importante lembrar que a incorporação de vídeos pode ter impacto significativo na velocidade da página e, consequentemente, na experiência do usuário.

Vale ressaltar que imagens grandes e não otimizadas também podem prejudicar a velocidade do site, mas geralmente as imagens têm um tamanho menor. Já um vídeo de apenas 30 segundos em resolução 1080p pode facilmente atingir mais de 20 MBs, o que pode gerar preocupações em relação à largura de banda do servidor.

Por isso, é importante considerar a otimização de vídeos para a web, a escolha de plataformas externas para incorporação de vídeos e o uso de plugins para ajudar na otimização e velocidade do site. Dessa forma, é possível garantir uma boa experiência do usuário e manter a competitividade online.

Agora fica a duvida: Adicionar um vídeo ao seu site diminui a velocidade?

A resposta curta é sim – mas tudo e qualquer coisa que você adicionar ao seu site contribui para um tempo de carregamento mais lento. Mas quanto aos vídeos, existem maneiras de combater isso. Veremos isso em detalhes, mas primeiro você precisa saber exatamente como os vídeos afetam o tempo de carregamento do seu site.

Duração do vídeo – um vídeo de 30 segundos é menor em tamanho de arquivo do que um vídeo de 1 minuto com a mesma resolução. Se os vídeos forem auto-hospedados, o tempo de carregamento da página da Web em que os vídeos estão aumenta com a duração do vídeo.

Resolução – um vídeo de 30 segundos em resolução 4K será maior do que um vídeo de 30 segundos em 1080p (na verdade, quatro vezes maior!). De acordo com httparchive.org ( source ), o tamanho médio da página da web em 2023 gira em torno de 2 MBs. Um vídeo 4K de 30 segundos (a 30 quadros por segundo) provavelmente terá cerca de 67 MB! Mesmo um vídeo de 1080p teria cerca de 16 MBs. Lembre-se de que isso não leva em consideração o tamanho do arquivo do restante da página da Web (imagens, texto e funcionalidade dinâmica)

Áudio – Sim, até mesmo o áudio contribuirá para o tamanho do arquivo e o impacto geral que seu vídeo terá na velocidade da página. Dito isto, não tem um grande impacto. Para fazer um vídeo mais amigável à velocidade da página, você pode se perguntar “Este vídeo precisa de algum áudio?” Geralmente, os vídeos decorativos não precisam de áudio. Você pode diminuir o tamanho do arquivo de vídeo pedindo à pessoa que está preparando seu vídeo para o site WordPress para fornecer uma versão que desative completamente o canal de áudio para o vídeo final.

Vídeos carregados acima da dobra – Vídeos que estão acima da dobra (geralmente na seção principal/primeira seção da página da web) prejudicam a velocidade da página mais do que um vídeo carregado mais abaixo na página. Os vídeos podem ser carregados lentamente, portanto, se não estiverem na visualização do usuário quando ele visitar a página pela primeira vez, não será necessário carregá-los imediatamente. No entanto, se um vídeo auto-hospedado estiver acima da dobra, todo o vídeo precisará ser carregado para medir com precisão a velocidade da página. Isso também inclui vídeos no fundo de uma seção.

A incorporações de vídeo ajuda a resolver o problema da lentidão

Para combater problemas de velocidade da página causados pelo tamanho de um vídeo, uma opção é incorporá-lo ao site usando uma plataforma de terceiros. Essa solução pode trazer diversos benefícios, mas é importante avaliar qual terceiro escolher e como isso pode afetar a performance do seu site.

Ao incorporar um vídeo de terceiros, o arquivo não estará mais no seu servidor, eliminando limitações de largura de banda ou espaço em disco. Isso significa que a duração do vídeo não afetará mais o tempo de carregamento da página. Seja um vídeo de 10 horas ou de 15 segundos, o impacto será o mesmo. Além disso, a resolução do vídeo também não afeta mais a velocidade da página, mas é importante lembrar que o vídeo ainda precisa ser armazenado em buffer se o usuário não tiver uma conexão rápida o suficiente.

É importante escolher uma plataforma de terceiros confiável e que tenha boa velocidade de carregamento. Além disso, plugins de cache podem ajudar a reduzir o tempo de carregamento do vídeo incorporado, garantindo uma melhor experiência do usuário.

Plataformas recomendadas

YouTube

O YouTube é de longe a opção gratuita mais utilizada no mercado. Ele possui muitos recursos de acessibilidade integrados e funciona de maneira confiável, mas o próprio quadro de incorporação pode ser um pouco lento para renderizar em comparação com algumas outras opções pagas disponíveis. Além disso, você não pode desativar os vídeos recomendados de aparecer no final do vídeo como costumava fazer no passado, o que corre o risco de tirar os espectadores do seu site WordPress.

Vimeo

Embora o Vimeo não seja gratuito, ele é muito acessível com um preço inicial de $ 9/mês que vem com todos os recursos essenciais e personalização que cobre a maioria dos casos de uso padrão. Ele fornece muito mais controle sobre o player de vídeo e o que ele exibe e pode ser configurado para impedir que os usuários saiam do seu site.

Por que não hospedar vídeos diretamente no servidor?

Embora haja casos em que é justificável exibir um vídeo no próprio servidor, essa opção geralmente não é recomendada para sites. Isso se deve principalmente à questão da largura de banda, que pode se tornar um problema ainda maior se você estiver usando um CDN com largura de banda limitada.

Além disso, é necessário configurar o servidor de forma específica para a transmissão de vídeo, pois vários usuários fazendo streaming de vídeos simultaneamente podem sobrecarregar o servidor e desacelerar o site para todos os outros. Os vídeos auto-hospedados padrão também costumam pré-carregar, o que pode consumir os dados móveis limitados dos usuários. E se os vídeos não estiverem bem otimizados, eles podem causar travamentos e lentidão para usuários com conexões de internet mais lentas.

Por esses motivos, incorporar vídeos a partir de uma plataforma de terceiros é geralmente a melhor opção. Isso elimina preocupações com largura de banda e permite que o servidor seja configurado de forma otimizada para outras funções. Além disso, plataformas de terceiros especializadas em hospedagem de vídeo geralmente oferecem ferramentas para otimização e compressão de arquivos de vídeo, o que pode ajudar a garantir uma melhor experiência do usuário.

Adoraríamos conversar com você sobre seu projeto

Ligue para: (32) 98404-9447

Projetos

Confira alguns de nossos projetos