O método mais eficiente para incorporar vídeos no WordPress

Ah, você se lembra da época em que conexões dial-up e Edge (2G) eram um luxo e assistir vídeos no YouTube parecia testar nossa paciência?

Se você não tivesse uma internet super rápida, clicaria no botão reproduzir do seu vídeo favorito, clicaria em pausa e deixaria carregar e armazenar em buffer. Enquanto isso, você foi preparar uma xícara de café. Quando você voltasse, se tivesse sorte, o vídeo seria transmitido perfeitamente de uma só vez, ou você poderia sofrer de buffer.

Mas o melhor agora é que isso não acontece mais e as conexões rápidas à Internet se tornaram o novo normal. Graças à tecnologia 5G, as pessoas agora podem assistir a vídeos do YouTube sem problemas, mesmo em resolução 4K.

Cenário Atual de Utilização de Vídeos no Site

Devido a esse fato, até mesmo a incorporação de vídeos em sites também se tornou predominante. Afinal, os vídeos oferecem uma forma mais envolvente de comunicar e melhorar a experiência do usuário.

Algumas pessoas vão ainda mais longe, usando vídeos como plano de fundo completo de seu site para adicionar um elemento dinâmico e visualmente atraente ao design de seu site.

Como essa estratégia foi considerada mais eficaz para capturar e reter a atenção dos visitantes, acabou se tornando uma prática padrão para qualquer indivíduo incorporar vídeos em seus sites WordPress.

Mas o fato é que nem todo mundo está fazendo certo. A maioria deles não sabe a maneira correta de incorporar vídeos no WordPress e, como resultado, acaba diminuindo a velocidade do site.

Não é uma afirmação fabricada; preferimos deixar que os números e os resultados digam a verdade.

WordPress com vídeos: teste Core Web Vital

Vamos direto aos testes e resultados, sem nos arrastarmos nem nos gabarmos ainda mais.

Primeiro, para fins de teste, pegamos um site WordPress simples e básico, sem vídeos e gráficos, e o testamos.

Os resultados foram os seguintes:

• Você pode ver que a pontuação foi de 100% com um sinal verde e todas as métricas mostram respostas positivas tanto para dispositivos móveis quanto para computadores.

Mas quando adicionamos um vídeo do YouTube à página inicial do site WordPress e executamos o teste novamente. Os resultados foram surpreendentes;

• Apenas para um único vídeo, a pontuação caiu para 65%, e todas as outras métricas seguiram o mesmo. Foi reduzido drasticamente em 35%, tendência que pode piorar com a adição de mais vídeos.

Agora você deve estar pensando qual é a solução?

O que você precisa para consertar isso?

A abordagem direta que você pode estar pensando é não usar nenhum vídeo no site, mas essa não é a abordagem correta. Os vídeos têm seu valor e também melhoram a experiência do usuário no site. Portanto, você não pode simplesmente ignorá-los apenas para aumentar a velocidade do seu site.

1. Escolha uma plataforma de hospedagem de vídeo de renome

Primeiro, seria ótimo se você hospedasse ou enviasse vídeos em uma plataforma de hospedagem de vídeos gratuitos, como YouTube, Vimeo ou Wistia, em vez de hospedá-los em seu servidor web. Isso não apenas economizará os recursos do servidor, mas também reduzirá a carga sobre ele e não afetará a velocidade do servidor.

Essas plataformas de hospedagem de vídeo são otimizadas para entrega de vídeo e podem lidar com a largura de banda necessária para streaming de vídeos.

Nota : Além das plataformas de hospedagem de vídeo gratuitas, se você quiser criar seu próprio site de tubo de vídeo usando WordPress, nenhuma outra plataforma privada de hospedagem de vídeo pode superar a plataforma de hospedagem de vídeo dedicada da WPOven em termos de quase tudo.

2. Incorpore vídeos do YouTube sem cookies

Você pode se surpreender ao saber que, além da incorporação padrão do YouTube, também existe uma versão especial disponível chamada youtube-nocookie.com.

A incorporação de vídeos do YouTube da versão padrão traz muitos outros elementos indesejados, como cookies, scripts, etc., que não são necessários. Portanto, para tornar isso mais eficiente, o YouTube introduziu a versão youtube-nocookie.com, que é mais leve e não afeta significativamente a pontuação de velocidade da sua página.

Aqui estão alguns fatos interessantes sobre Youtube-nocookie.com

• É um domínio alternativo para incorporar vídeos do YouTube.
• Este domínio é usado para incorporar vídeos sem definir cookies para fins de rastreamento.
• A incorporação regular do YouTube (youtube.com) pode definir cookies no navegador do visualizador.
• O domínio “youtube-nocookie.com” atende o player incorporado sem definir nenhum cookie.
• É útil para sites que priorizam a privacidade do usuário e visam minimizar o uso de cookies.
• Usar “youtube-nocookie.com” garante que os vídeos incorporados não contribuam para o rastreamento desnecessário dos visitantes do site.

Tudo que você precisa é apenas modificar o URL de um vídeo do YouTube substituindo “youtube.com” por “youtube-nocookie.com” e você está pronto para começar.

3. Use plug-ins LazyLoad

O carregamento lento é uma das melhores técnicas para otimizar a velocidade do site, simplesmente adiando certos elementos de um site. O plug-in atrasa o carregamento de elementos como imagens ou vídeos até que o usuário role até eles ou eles apareçam.

É assim que acontece:

• O plugin de carregamento lento verifica o conteúdo da página da web na inicialização.
• Ele monitora continuamente a parte visível do site para o usuário.
• Quando os elementos marcados para carregamento lento estão prestes a entrar na janela de visualização do usuário, o plugin aciona seu carregamento.
• Quando os usuários entram na janela de visualização, os elementos são carregados dinamicamente, geralmente usando JavaScript, sem exigir o recarregamento completo da página.
• Plug-ins de carregamento lento usam JavaScript para carregar conteúdo dinamicamente na página da web conforme o usuário interage com ela.
• Os plug-ins priorizam o carregamento com base na posição ou importância do elemento, garantindo uma experiência de usuário perfeita e reduzindo o tempo de carregamento inicial e o uso da largura de banda.

Nota: Esta abordagem tem certas limitações. O plug-in de carregamento lento não funciona se os vídeos forem colocados na primeira dobra, mas funciona melhor quando os vídeos estão visíveis abaixo da primeira dobra.

Leia: 22 melhores maneiras de acelerar o desempenho do WordPress

4. Técnica de fachada

A abordagem Façade é uma das maneiras inteligentes de implementar a técnica de carregamento lento. Nesta abordagem, você usa inicialmente um espaço reservado para imagem estática em vez do vídeo. Esta imagem normalmente se assemelha à miniatura do vídeo com uma sobreposição de botão de reprodução.

Quando o usuário clica na sobreposição do botão de reprodução, uma janela pop-up aparece e o vídeo real começa a carregar na mesma janela pop-up.

Para sua referência e melhor compreensão, aqui está um exemplo.

Essa abordagem é bastante eficaz e não sobrecarrega seu site WordPress com vídeos do YouTube, a menos que seja necessário.

Se esta abordagem lightbox não combina com você, utilize um plugin popular do WordPress chamado “LazyLoad Plugin”. Ele funciona com oEmbed e substitui vídeos incorporados do YouTube e Vimeo por uma imagem de visualização clicável.

Resumo

Agora, vamos resumir o que mencionamos na postagem acima. Sem dúvida, os vídeos são uma das melhores e mais interativas formas de compartilhar informações. No entanto, ninguém quer pagar esse preço por tornar seu site mais lento.

Mas, felizmente, existem algumas dicas e truques que já mencionamos, que podem fazer maravilhas pelo seu site sem comprometer a velocidade e o desempenho do site. Então, siga essas dicas e aumente a velocidade do seu site para atingir a pontuação de 100. Experimente e ganhe a corrida.

Raul

Rahul Kumar é um entusiasta da web e estrategista de conteúdo especializado em WordPress e hospedagem na web. Com anos de experiência e o compromisso de se manter atualizado com as tendências do setor, ele cria estratégias online eficazes que direcionam o tráfego, aumentam o engajamento e aumentam as conversões. A atenção de Rahul aos detalhes e a capacidade de criar conteúdo atraente fazem dele um recurso valioso para qualquer marca que busca melhorar sua presença online.