Como adicionar facilmente carregamento lento para vídeos no WordPress

Os vídeos são excelentes para aumentar o envolvimento do usuário em seu site. Mas incorporá-los pode tornar o carregamento de seu site mais lento, o que não é bom para os visitantes.

Uma maneira de corrigir isso é usar o lazy loading em seus vídeos.

O carregamento lento ajuda seu site a carregar mais rapidamente, carregando os vídeos somente quando eles são exibidos. Isso significa que sua página não fica atolada carregando todos os vídeos de uma vez. É um truque simples que pode melhorar o desempenho de seu site.

Neste guia, mostraremos a você como adicionar facilmente o carregamento lento para vídeos no WordPress.

O que é Lazy Loading e como funciona o Lazy Loading para vídeos?

O carregamento lento é uma técnica que atrasa o carregamento de elementos não essenciais em uma página da Web até que eles sejam necessários. No caso dos vídeos, isso significa que eles só são carregados quando são exibidos.

Quando você incorpora um vídeo em seu site, scripts e arquivos externos adicionais precisam ser carregados. Essa carga extra pode afetar negativamente o desempenho do site.

O carregamento lento de vídeo ajuda a substituir os vídeos incorporados do YouTube e do Vimeo por uma imagem de visualização clicável. Quando os visitantes clicam na imagem, o vídeo é carregado e reproduzido.

Como as imagens têm um tamanho muito menor do que os vídeos, a técnica de carregamento lento melhora significativamente a velocidade da página.

Agora que você conhece as vantagens, vamos dar uma olhada em como carregar vídeos do YouTube e do Vimeo no WordPress.

Tutorial em vídeo

Subscribe to WPBeginner

Se você preferir instruções por escrito, continue lendo.

Como adicionar carregamento lento para vídeos no WordPress

Para adicionar carregamento lento para vídeos, a primeira coisa que você precisa fazer é instalar e ativar o plug-in Lazy Load for Videos.

Esse plug-in funciona imediatamente, e você não precisa editar nenhum código ou script jQuery de carregamento lento.

E para ver se o carregamento lento está funcionando, basta visualizar um post ou uma página que contenha um vídeo do YouTube ou do Vimeo. Você perceberá que uma miniatura do vídeo e um botão de reprodução substituem os players padrão.

Quando você clicar na imagem, o vídeo será carregado e reproduzido.

Você poderá notar um pequeno atraso de um segundo quando o vídeo for carregado, mas isso é totalmente normal. Não se preocupe; o carregamento preguiçoso está funcionando muito bem.

Observe que, embora esse plug-in funcione imediatamente, ainda há configurações que você pode definir com base em suas necessidades. Na tela do editor de postagens, você pode escolher a qualidade da miniatura para as incorporações de vídeo do YouTube.

Além da qualidade da miniatura, há outras opções de personalização disponíveis.

Você pode acessar Settings ” Lazy Load for Videos para verificar e reajustar essas opções.

Na guia “General/Styling” (Geral/Estilo), você pode personalizar a aparência das miniaturas de vídeo. Você pode ativar o modo responsivo, escolher o estilo do botão de reprodução, usar CSS personalizado e até mesmo ativar a marcação schema.org.

Esse plug-in é compatível com o YouTube e o Vimeo. Você pode encontrar configurações específicas do provedor clicando nas respectivas guias.

Na guia “YouTube”, você pode escolher uma cor para a barra de progresso, desativar cookies, ocultar anotações e muito mais. Você pode até mesmo desativar o carregamento lento para vídeos do YouTube.

Da mesma forma, na guia de configurações do Vimeo, você pode escolher as cores de controle, ocultar ou exibir o título do vídeo e desativar o carregamento lento dos vídeos do Vimeo.

Se você fez alguma alteração nessas configurações, não se esqueça de clicar no botão “Save Changes” (Salvar alterações) na parte inferior para não perder seu progresso.

Dica bônus: Nunca faça upload de vídeos no WordPress

Antes de falar sobre por que você deve evitar carregar vídeos no seu site WordPress, vamos esclarecer a diferença entre uploads e incorporações.

Carregar um vídeo significa armazenar os arquivos de vídeo diretamente no seu site, da mesma forma que você armazena imagens na biblioteca de mídia do WordPress. É altamente desaconselhável fazer isso.

Por outro lado, a incorporação de um vídeo envolve primeiro o upload dele em um site de terceiros, como o YouTube. Em seguida, você incorpora o vídeo em seu blog, permitindo que ele seja visualizado em seu site e armazenado em outro local. Recomendamos enfaticamente a incorporação de vídeos sempre que possível.

Para saber mais sobre os benefícios de incorporar em vez de carregar vídeos no WordPress, consulte nosso guia sobre por que você nunca deve carregar um vídeo no WordPress.

Esperamos que este artigo tenha ajudado você a adicionar lazy load para vídeos no WordPress. Em seguida, talvez você queira conferir nosso guia definitivo sobre velocidade e desempenho do WordPress ou como configurar uma solução CDN do WordPress para aumentar a velocidade do seu site.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.