O que uma incorporação nativa do YouTube não consegue mostrar no seu site

Estava sempre a ouvir o mesmo de outros proprietários de sites WordPress: as incorporações manuais do YouTube são mais pesadas do que parecem, avariam-se com mais frequência do que se poderia esperar e tornam as páginas mais lentas, sem que se dê por isso.

Depois de ouvir falar disso há tanto tempo, decidi pôr isso à prova e ver até que ponto todas essas queixas são verdadeiras.

Vou mostrar-lhe exatamente o que uma incorporação nativa do YouTube não consegue fazer no seu site, desde o limite de um único vídeo até às falhas silenciosas que não consegue controlar, além dos números reais do «antes e depois» do meu próprio teste.

No final, saberá quais são as limitações da incorporação nativa e como exibir todo o seu canal no seu site, de forma rápida e com atualização automática.

• A resposta curta: 4 coisas que a função de incorporação nativa não consegue fazer
• Por que razão a afirmação «É só que é lento» não identifica o verdadeiro problema
• A incorporação nativa mostra um vídeo — não o seu canal nem a sua lista de reprodução
• A incorporação que falha silenciosamente: «Vídeo indisponível» e «Reprodução restrita»
• O que os proprietários de sites WordPress realmente referem antes de mudarem de plataforma
• Como um plugin de feed resolve o que a função «Embed» não consegue
• Antes e depois: um teste real ao peso das páginas
• Conclusão: Mostre mais do que um vídeo

A resposta curta: 4 coisas que a funcionalidade de incorporação nativa não consegue fazer

A incorporação nativa mostra um vídeo escolhido a dedo, nunca é atualizada automaticamente, pode deixar de funcionar sem aviso prévio e torna a página mais pesada. Essas são as quatro limitações, e apenas uma delas é o impacto na velocidade que todos os guias mencionam.

De acordo com a Swarmify, a incorporação padrão do YouTube acrescenta 1,5 a 3 segundos ao tempo de carregamento, 1,3 a 2,6 MB ao peso da página e mais de 20 pedidos HTTP.

Como podem ver, o problema da velocidade é, sem dúvida, real. Mas é também o menor dos quatro problemas.

Velocidade que pode medir e gerir. Os outros três limites estão integrados no funcionamento da incorporação nativa e nenhuma configuração da sua parte os desativa. Aqui estão eles, de forma clara e simples:

• Mostra um vídeo selecionado manualmente. Não há forma de inserir um canal inteiro ou uma lista de reprodução como um único bloco. É preciso colar os vídeos um a um, manualmente.
• Nunca se atualiza automaticamente. Basta publicar um novo vídeo e a tua página fica bloqueada. Tens de voltar atrás e incorporar o novo vídeo tu mesmo, sempre.
• O problema ocorre sem aviso prévio. Um vídeo que funciona bem no YouTube pode apresentar a mensagem «Vídeo indisponível» ou «reprodução restrita» quando incorporado, e é o proprietário do vídeo que controla essa configuração, de acordo com a Ajuda do YouTube. Não é possível anular essa configuração.
• Isso torna a sua página mais pesada. Cada incorporação carrega os scripts e as solicitações subjacentes aos números de referência acima.

Se não ler mais nada, é isto que importa. A incorporação nativa funciona bem para um único vídeo. Mas se lhe pedirmos para destacar o seu canal, manter-se atualizada ou continuar a ser fiável, ela chega ao limite.

Por que razão a afirmação «É só que é lento» não identifica o verdadeiro problema

A maioria dos artigos sobre a incorporação de vídeos do YouTube fica por aí: a incorporação torna o site mais lento, por isso, recorra ao carregamento diferido e pronto. O conselho não está errado. É apenas metade da história.

Eu próprio caí nessa armadilga durante muito tempo. A velocidade é algo que todos notamos imediatamente, mas, embora seja ela a receber toda a atenção, os problemas mais complexos acabam por ser ignorados.

Mesmo uma incorporação com carregamento diferido perfeita continua a mostrar apenas um vídeo. Continua a não adicionar automaticamente os teus novos vídeos. Continua a exibir a mensagem «Vídeo indisponível» assim que o proprietário do vídeo desativa a incorporação, e a Ajuda do YouTube confirma que essa configuração é da responsabilidade deles, não tua.

Portanto, a velocidade é um sintoma, não a doença. O verdadeiro limite é estrutural. Está intrínseco ao funcionamento de um único iframe, e nenhum ajuste, por maior que seja, o altera.

Mesmo que resolvas a questão da velocidade, continuas sem conseguir colocar o teu canal numa página. Esse é o obstáculo. O resto deste artigo vai derrubá-lo, pedaço a pedaço.

A incorporação nativa mostra um vídeo — não o seu canal nem a sua lista de reprodução

Abre o painel «Partilhar » «Incorporar» do YouTube e observa o código que aparece. Escondido nesse iframe está um único ID de vídeo. Esse ID é o segredo de tudo. A incorporação nativa foi concebida para mostrar um único vídeo, aquele que copiaste, e mais nada.

Isso funciona bem até ao momento em que quiseres destacar o teu canal.

Imagina que publicas vídeos todas as semanas e queres uma página no teu site para os mostrar. A função de incorporação nativa não tem nenhuma opção para «mostrar o meu canal». Não tem nenhuma opção para «mostrar esta lista de reprodução». Apenas reconhece o ID do vídeo que colaste.

Então, fazes isso manualmente. Copias o código de incorporação do primeiro vídeo e colas-o. Copias o do segundo vídeo e colas-o. E vais continuando assim com todos os vídeos que quiseres incluir na página.

Depois, repete o processo na próxima semana e na semana seguinte.

Eis a parte que apanha as pessoas de surpresa. Assim que essas incorporações estão na tua página, ficam lá estagnadas. Publica um vídeo novo no YouTube e a tua página não muda.

Para adicionar o novo vídeo, tens de voltar ao WordPress, obter o novo código de incorporação e colá-lo manualmente sempre que fizeres um upload. Este é o primeiro obstáculo, e é o maior de todos.

A incorporação que falha silenciosamente: «Vídeo indisponível» e «Reprodução restrita»

Eis o obstáculo que apanha as pessoas de surpresa. Um vídeo reproduz-se na perfeição no YouTube, incorporam-no no vosso site e, na vossa página ativa, aparece um erro.

Não há nada de errado do teu lado. O proprietário do vídeo definiu uma regra que bloqueia a incorporação e, de acordo com a Ajuda do YouTube, não é possível contornar essa regra a partir do teu site.

Eis as mensagens exatas que poderá ver no lugar do vídeo:

• «Vídeo indisponível»
• «Ver no YouTube»
• «Vídeo indisponível. A reprodução deste vídeo está restrita em determinados sites»
• «Vídeo indisponível. O autor da publicação não disponibilizou este vídeo no seu país»
• «A reprodução noutros sites foi desativada pelo proprietário do vídeo»

Estes erros são controlados pelo proprietário do vídeo ou pelo detentor dos direitos, e não por si. Quem detém a propriedade do vídeo decide se este pode ser reproduzido fora do YouTube e pode desativar a incorporação sempre que quiser.

Então, esta é a segunda barreira. A incorporação nativa pode deixar de funcionar sem que seja culpa tua; avaria-se silenciosamente e não tens qualquer controlo sobre a configuração que causou a avaria.

O que os proprietários de sites WordPress realmente referem antes de mudarem de plataforma

Se já te deparaste com estes obstáculos, não estás sozinho. As mesmas queixas surgem repetidamente.

A Smash Balloon desenvolve plugins de feeds sociais utilizados por milhões de sites, e só o seu plugin «YouTube Feed» conta com mais de 100 000 instalações ativas no WordPress.org.

Ao analisar os comentários que as pessoas deixaram ao passar a utilizar a incorporação de plugins, destacam-se três queixas.

Acho esta parte tranquilizadora e penso que também vais achar. Os problemas com que te deparas não se devem a nenhum erro teu. São inerentes à integração nativa e milhares de outros proprietários já se depararam exatamente com os mesmos.

Eis os três e a razão pela qual a incorporação nativa provoca cada um deles:

O que os proprietários relatam	Por que é que a incorporação nativa provoca isso?
«Alguns dos meus vídeos mostram uma mensagem de erro em vez de serem reproduzidos.»	O proprietário do vídeo desativou a incorporação, e a incorporação nativa não permite contornar essa configuração.
«Não consigo apresentar todo o meu canal ou lista de reprodução como um único bloco que se mantenha atualizado.»	A incorporação nativa está associada a um único ID de vídeo, pelo que não pode obter conteúdo de um canal nem atualizar-se automaticamente.
«A última coisa que experimentei estragou o layout do meu tema.»	Um iframe sem formatação utiliza um tamanho fixo que nem sempre se adapta ao espaço que o tema lhe atribui, pelo que pode ultrapassar os limites ou ficar reduzido.

Essa última resposta resolve uma dúvida que muitas pessoas têm depois de uma experiência negativa: por que é que o meu último plugin de vídeo estragou o layout do meu tema? Muitas vezes, tudo se resume ao dimensionamento.

Um iframe nativo não foi concebido para se adaptar ao seu tema, pelo que pode ultrapassar os limites da coluna ou deixar espaços irregulares em ecrãs mais pequenos.

Reparem no padrão comum aos três casos. Nenhum deles é um problema de velocidade. Trata-se de controlo, atualizações e ajuste, e são essas as razões que os proprietários apresentam imediatamente antes de mudarem para um serviço de alimentação.

Agora que já consegue perceber a natureza do problema, a solução é mais fácil de compreender. A secção seguinte mostra como um plugin de feed colmata cada uma destas lacunas.

Como um plugin de feed resolve o que a função «Embed» não consegue

No WordPress, é aqui que o YouTube Feed Pro surge como a solução. O plugin de feed da Smash Balloon apresenta o seu canal, as suas listas de reprodução e vídeos individuais no seu site, e adapta-se a cada um dos aspetos que abordámos acima.

Deixem-me explicar como é que isso colmata cada lacuna.

• Mostra todo o teu canal. Assim que incorporares o feed de um canal do YouTube ou o feed de uma lista de reprodução, todos os vídeos são apresentados num único bloco. Esta é a solução para o limite de um vídeo.
• Mantém-se atualizado. Basta carregar um novo vídeo no YouTube e o feed adiciona-o automaticamente. Não é preciso voltar ao WordPress para colar um novo código de incorporação todas as semanas. Esta é a solução para o problema da reincorporação manual, que ficava bloqueada.
• Adapta-se ao teu tema. O plugin foi concebido para se adequar ao teu tema atual, pelo que o feed se integra no teu layout, em vez de ultrapassar a coluna ou ficar reduzido em ecrãs mais pequenos. Esta é a solução para a queixa «o último plugin estragou o meu layout».

• Carrega mais depressa. O carregamento diferido inteligente adia o carregamento do leitor do YouTube até que um visitante interaja efetivamente com um vídeo, pelo que os scripts pesados só são carregados quando alguém clica. Esta é a solução para o peso da página e o tempo de carregamento, e medi o seu desempenho na secção seguinte.
• Continua a ser fiável. Um sistema de cache de reserva garante que o teu feed continua a ser exibido, mesmo que o YouTube esteja em baixo. Trata-se de uma proteção contra o problema das falhas silenciosas mencionado anteriormente.

Aqui estão as diferentes formas de integração nativa, juntamente com a forma como o feed as trata.

Limitação da incorporação nativa	Como o feed lida com isso
Mostra um vídeo, associado a um único ID de vídeo	Apresenta todo o seu canal ou lista de reprodução num único feed
Nunca é atualizado, por isso é preciso voltar a incorporá-lo manualmente após cada upload	Adiciona automaticamente os novos ficheiros carregados assim que configurar o feed
Carrega scripts pesados do player sempre que uma página é visualizada	O carregamento diferido inteligente retém o leitor até que o visitante interaja
Falha silenciosamente quando o proprietário bloqueia a incorporação	O armazenamento em cache de segurança garante que o feed continue a ser exibido durante o período de inatividade
Tamanho fixo do iframe que pode comprometer o seu layout	Concebido para combinar com o seu tema atual e adaptar-se ao espaço

É esse o mecanismo. Para cada barreira que o «native embed» cria, o feed tem uma resposta direta. O que ainda não vos mostrei é a prova, os números concretos de uma página real. Isso vem a seguir.

Antes e depois: um teste real ao peso das páginas

Aqui está a prova que prometi. Queria verificar se o carregamento diferido cumpre realmente o que todos afirmam, por isso fiz eu próprio o teste, em vez de confiar nos números que outras pessoas citam.

A configuração foi simples. Criei um site de teste no WordPress e coloquei quatro vídeos numa única página.

Primeiro, carreguei-os como iframes incorporados do YouTube em formato bruto, o mesmo código «Partilhar para incorporar» que você próprio colaria.

Depois, reproduzi os mesmos quatro vídeos através do YouTube Feed Pro, com a funcionalidade de carregamento diferido inteligente ativada. Medi o desempenho de ambas as páginas com o Pingdom.

Estes são os meus próprios resultados, obtidos num site de teste. Não se trata de afirmações do fornecedor, e os seus resultados poderão variar consoante o tema, o serviço de alojamento e os seus vídeos. Mas a tendência é difícil de ignorar.

Medição	Inserções diretas do YouTube	YouTube Feed Pro (carregamento diferido)	Alterar
Tempo de carregamento	2.60s	1.49s	43% mais rápido
Pedidos HTTP	145	61	58 % a menos
Peso da página	7,0 MB	1,9 MB	73% mais leve

Foi o número relativo ao peso da página que me fez parar e olhar com atenção.

Na página com o código de incorporação sem formatação, o youtube.com representava, por si só, 68,88% do peso total da página. Isso equivale a 4,7 MB carregados do YouTube antes mesmo de o visitante clicar em qualquer elemento.

Na página do feed, a pegada do YouTube desceu para menos de 1 % do tamanho da página e 3,28 % dos pedidos.

A razão deve-se ao mecanismo descrito na secção anterior, que funciona com números reais. Com o carregamento diferido, o feed mostra primeiro uma imagem em miniatura e retém o leitor completo do YouTube até que alguém clique num vídeo.

Os scripts pesados só são carregados para os visitantes que realmente querem ver o conteúdo. Todos os outros têm acesso a uma página leve e rápida.

Portanto, para responder diretamente à pergunta: sim, as incorporações tornam o site suficientemente lento para que isso seja relevante, e o carregamento diferido resolve o problema. Quatro incorporações sem otimização fizeram com que a minha página atingisse 7,0 MB e 2,60 s.

Os mesmos quatro vídeos, através de um feed com carregamento inteligente diferido, ocuparam 1,9 MB e demoraram 1,49 s a carregar.

Essa é a diferença entre carregar todo o peso do YouTube em cada visualização de página e carregá-lo apenas quando um visitante o solicita.

Conclusão: Mostre mais do que um vídeo

O verdadeiro limite da incorporação nativa não se resume apenas à velocidade. Ela mostra apenas um vídeo, nunca é atualizada, falha silenciosamente quando o proprietário bloqueia a incorporação e sobrecarrega a página. Uma abordagem baseada em feeds elimina estes quatro problemas de uma só vez.

Mostra todo o teu canal ou lista de reprodução num único bloco, adiciona automaticamente os novos vídeos publicados, continua a funcionar mesmo durante períodos de inatividade e carrega rapidamente.

Vi a diferença nos meus próprios testes e podes testar tu mesmo para confirmar. Ao substituir as incorporações diretas por um feed, uma página passou de pesada e lenta para leve e rápida, e eram os mesmos quatro vídeos em ambos os casos.

Consegue-se mais conteúdo na página e, ao mesmo tempo, uma pegada mais reduzida.

Pronto para mostrar mais do que um vídeo? Comece já a exibir o seu feed com o Smash Balloon YouTube Feed Pro.

Para um guia passo a passo, consulte este tutorial sobre como incorporar um feed do YouTube no seu site WordPress.