Olá, Kangaroozinho, como vai? Se você tem um site WordPress, utiliza o Elementor, mas ainda não tem tanta familiaridade com a tela de criação/edição do plugin, neste artigo vamos te mostrar como adicionar vídeos do YouTube e/ou Vimeo no Elementor, só que de forma a não pesar tanto no seu site.
Se você está começando a usar o Elementor, ele é um plugin que te permite montar o seu site puxando elementos para a tela, sem a necessidade de usar códigos para a construção. E a principal ferramenta para essas construções são os contêineres, visto que eles basicamente estruturam o seu site de modo a ficar mais organizado e de melhor visualização.
Os vídeos nas suas páginas/posts geralmente são os maiores culpados por carregamentos mais lentos, visto o tamanho deles, e também o processamento necessário em vários casos. Por isso, neste artigo vamos mostrar uma forma mais leve e também uma configuração que pode otimizar o desempenho do seu site, se tratando dos vídeos do YouTube, e algumas outras plataformas.
Como adicionar vídeos com o Elementor
- Primeiro, acesse a tela de edição do Elementor
- Já na página de edição, selecione o contêiner que deseja, e depois adicione o elemento Vídeo
- Já no elemento do vídeo, escolha a fonte, em nosso exemplo o YouTube, e adicione a URL para o vídeo que deseja adicionar. Por questões de desempenho, também é recomendado manter a “reprodução automática” desativada, a menos que seja necessário ativar.
- Ainda nas configurações, ative a opção Carregamento tardio
- Além disso, para otimizar o vídeo, é extremamente recomendado que você ative a sobreposição de imagem e coloque uma imagem por cima do vídeo, mantendo o ícone de reprodução.
Isso faz com que definitivamente o vídeo só carregue após o usuário dar play, com essa configuração, apenas a imagem será carregada inicialmente.
E pronto, após seguir esses passos, agora você já sabe como adicionar vídeos do YouTube, Vimeo e outras plataformas de forma otimizada, onde o vídeo não deve impactar tanto no carregamento do seu site. Note que isso não torna o vídeo com zero impacto, ele continua tendo certo impacto nos recursos e carregamento, como qualquer outro elemento, porém, muito menor do que seria um vídeo adicionado diretamente ao site.
E antes de finalizar, uma dica: Se você é um cliente Kangaroo Host e possui um serviço de hospedagem ou revenda, você tem direito a pelo menos 1 licença do Elementor PRO. Sendo assim, caso deseje solicitar a instalação para o seu site WordPress, acesse este artigo: Como solicitar as licenças incluídas no seu plano.