Como Adicionar Facilmente Carregamento Lento para Vídeos no WordPress

Recentemente, ajudamos o proprietário de uma pequena empresa cujo site demorava muito para carregar. Descobrimos que vários vídeos incorporados do YouTube estavam retardando tudo.

Tempos de carregamento lentos frustrarão seus visitantes e prejudicarão suas classificações nos mecanismos de pesquisa. Felizmente, o carregamento preguiçoso de vídeos corrige esse problema carregando primeiro uma imagem de pré-visualização leve.

Usamos essa técnica exata em nossos próprios sites para manter as páginas extremamente rápidas. Aqui está a maneira mais fácil de adicionar carregamento preguiçoso para seus vídeos no WordPress.

O que é Carregamento Preguiçoso para Vídeos e Como Funciona?

Carregamento preguiçoso é uma técnica que impulsiona o desempenho, atrasando o carregamento de partes não essenciais de uma página da web até que elas sejam realmente necessárias.

Normalmente, quando você incorpora um vídeo de um site como YouTube ou Vimeo, seu navegador precisa carregar todo o player de vídeo e todos os seus scripts associados. Isso adiciona peso extra à sua página e pode realmente diminuir o desempenho do seu site.

O carregamento preguiçoso de vídeos resolve esse problema substituindo o player de vídeo pesado por uma imagem de pré-visualização leve e clicável (uma miniatura). O player de vídeo completo só carrega depois que um visitante clica no botão de reproduzir na imagem.

Como as imagens são muito menores em tamanho do que os vídeos, a técnica de carregamento preguiçoso melhora significativamente a velocidade da página.

Agora que você conhece as vantagens, vamos ver como carregar vídeos do YouTube e Vimeo sob demanda no WordPress.

Como Adicionar Carregamento Preguiçoso para Vídeos no WordPress

Para adicionar carregamento preguiçoso para vídeos, a primeira coisa que você precisa fazer é instalar e ativar o plugin Lazy Load for Videos.

Este plugin funciona imediatamente, e você não precisará tocar em uma única linha de código.

Para verificar se o carregamento preguiçoso está funcionando, basta visualizar uma postagem ou página que contenha um vídeo do YouTube ou Vimeo. Você notará que uma miniatura do vídeo e um botão de reprodução substituem os players padrão.

Quando você clicar na imagem, ela carregará o vídeo e o reproduzirá.

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

Lembre-se de que, embora este plugin funcione imediatamente, você ainda pode configurar suas configurações de acordo com suas necessidades. Na tela do editor de postagens, você pode escolher a qualidade da miniatura para 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 Configurações » Lazy Load para Vídeos para verificar e reajustar essas opções.

Na aba ‘Geral/Estilização’, 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.

Este plugin suporta tanto YouTube quanto Vimeo. Você pode encontrar configurações específicas do provedor clicando nas guias respectivas.

Na aba ‘YouTube’, você pode escolher uma cor para a barra de progresso, desativar cookies, ocultar anotações e muito mais. Você pode até desativar o lazy load para vídeos do YouTube.

Da mesma forma, na aba de configurações do Vimeo você pode escolher as cores dos controles, ocultar ou exibir o título do vídeo e desativar o lazy load para vídeos do Vimeo.

Se você fez alguma alteração nestas configurações, não se esqueça de clicar no botão ‘Salvar Alterações’ na parte inferior para não perder seu progresso.

O WordPress possui carregamento preguiçoso (lazy loading) integrado para vídeos?

Você pode estar se perguntando se precisa de um plugin para isso, e essa é uma ótima pergunta. Desde a versão 5.7, o WordPress adiciona automaticamente uma forma básica de carregamento preguiçoso para vídeos. Ele diz ao navegador da web para esperar até que o vídeo esteja perto da tela antes de carregá-lo.

No entanto, o método do plugin ainda é muito mais eficaz para velocidade. O método integrado do WordPress ainda carrega todo o player de vídeo (incluindo scripts de rastreamento pesados de terceiros do YouTube ou Vimeo), apenas um pouco mais tarde. O plugin impede que esses scripts externos sejam carregados até que um visitante realmente clique no botão de reprodução.

Para o maior aumento de velocidade, usar um plugin que substitui o vídeo por uma miniatura de pré-visualização é a melhor abordagem. 👍

Bônus: Sempre incorpore vídeos, nunca os carregue

Antes de mergulharmos no porquê você deve evitar carregar vídeos em 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 em seu site, semelhante a como você armazena imagens na biblioteca de mídia do WordPress. Desaconselhamos fortemente isso.

Por outro lado, incorporar um vídeo envolve primeiro carregá-lo 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 enquanto é armazenado em outro lugar. Recomendamos fortemente incorporar vídeos sempre que possível.

Para saber mais sobre os benefícios de incorporar em vez de fazer upload de vídeos para o WordPress, você pode consultar nosso guia sobre por que você nunca deve fazer upload de um vídeo para o WordPress.

Tutorial em Vídeo

Inscreva-se no WPBeginner

Perguntas Frequentes sobre Carregamento Preguiçoso de Vídeos

Aqui estão algumas das perguntas mais comuns que nossos leitores têm sobre como adicionar carregamento preguiçoso para vídeos no WordPress.

1. O WordPress carrega vídeos preguiçosamente por padrão?

Sim, desde a versão 5.7, o WordPress inclui carregamento preguiçoso nativo para vídeos. No entanto, ele apenas espera para carregar o player de vídeo até que ele esteja perto da tela. Usar um plugin que substitui o vídeo por uma miniatura é muito mais eficaz para melhorar a velocidade.

2. O carregamento preguiçoso é bom para SEO?

Sim, o carregamento preguiçoso é excelente para SEO. A velocidade do site é um fator chave de classificação do Google. Ao acelerar suas páginas, o carregamento preguiçoso ajuda a melhorar suas pontuações de Core Web Vitals, o que pode levar a melhores classificações nos mecanismos de busca.

3. O carregamento preguiçoso de vídeos afetará minhas visualizações no YouTube ou Vimeo?

Não, isso não afetará suas contagens de visualização. Quando um visitante clica no botão de reprodução na imagem de pré-visualização, o player de vídeo oficial é carregado. A visualização é então contada pelo YouTube ou Vimeo como normalmente seria.

4. Qual é o melhor plugin para carregamento preguiçoso de vídeos?

Recomendamos o plugin ‘Lazy Load for Videos’ por sua simplicidade e eficácia. Muitos plugins de desempenho populares, como o WP Rocket, também incluem excelentes recursos de carregamento preguiçoso de vídeo como parte de suas ferramentas de otimização de desempenho.

Recursos Adicionais para Acelerar Seu Site

Esperamos que este artigo tenha ajudado você a adicionar carregamento preguiçoso para vídeos no WordPress. Se você quiser aprender mais maneiras de tornar seu site mais rápido, recomendamos conferir estes guias:

• O Guia Definitivo para Velocidade e Desempenho do WordPress – Este guia abrangente cobre tudo o que você precisa saber sobre a otimização da velocidade do seu site, desde o cache até a compressão de imagens.
• Como Configurar Corretamente um CDN do WordPress – Saiba como uma Rede de Distribuição de Conteúdo (CDN) pode melhorar drasticamente os tempos de carregamento do seu site para visitantes em todo o mundo.
• Por Que Você Nunca Deve Fazer Upload de um Vídeo para o WordPress – Uma análise mais aprofundada das razões pelas quais incorporar vídeos é sempre melhor para o desempenho do seu site e a experiência do usuário.

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