Como adicionar facilmente carregamento lento para vídeos no WordPress

Os vídeos são ótimos para aumentar o envolvimento do usuário em seu site. No entanto, uma desvantagem da incorporação de vídeos é que ela torna seu site mais lento. Neste artigo, mostraremos como adicionar carregamento lento para vídeos no WordPress e melhorar a velocidade da página.

Como funciona o carregamento lento de vídeos?

Está se perguntando o que é exatamente o lazy loading e como ele funciona?

Ao incorporar um vídeo em seu site, você adiciona scripts e arquivos externos que precisam ser carregados. Como há mais coisas para carregar, seu site fica mais lento.

O carregamento lento de vídeo substitui os vídeos incorporados do YouTube e do Vimeo por uma imagem de visualização clicável. Quando seus visitantes clicam na imagem, ela carrega e reproduz o vídeo.

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

Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.

Como adicionar carregamento lento para vídeos no WordPress

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 script jQuery de carregamento lento ou qualquer outro código.

Para verificar 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 os players padrão são substituídos por uma miniatura de vídeo e um botão de reprodução.

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

Pode haver um pequeno atraso de um segundo (insignificante) no carregamento do vídeo, portanto, não pense que o carregamento lento não está funcionando.

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 se você acessar Settings ” Lazy Load for Videos.

Na guia de configurações gerais, 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 cores, qualidade da miniatura, desativar vídeos relacionados e anotações, etc. 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.

Isso é tudo. Esperamos que este artigo tenha ajudado você a adicionar lazy load para vídeos no WordPress.

Para aumentar ainda mais a velocidade do seu site, você precisará configurar uma solução CDN do WordPress com o plug-in W3 Total Cache.

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 Google+.