PageSpeed e Vídeos:
Os Erros Mais Comuns e Como Evitá-los

Mas há um senão: o efeito no teu PageSpeed é como estar preso numa ligação 3G — tudo abranda. Mesmo muito. Se os teus visitantes notam, é simplesmente irritante. E, por vezes, nem se apercebem — mas o Google apercebe-se sempre. Muitos websites perdem 20–40 pontos no Google PageSpeed Insights só por causa de vídeos mal incorporados. O verdadeiro problema? O teu site desce nos rankings e os visitantes nem chegam a ter oportunidade de clicar.

A boa notícia: não tem de ser assim — podes manter os teus vídeos sem sacrificar velocidade nem mergulhar num manual técnico. Neste artigo, vamos primeiro explicar porque é que os vídeos frequentemente abrandam o teu site — sim, vai ficar um bocadinho técnico — mas fica comigo. Depois, mostro-te o que podes fazer. E sim, resolver pode exigir um pouco de técnica, mas prometo que é perfeitamente gerível.

Porque é Que os Vídeos Podem Destruir o Teu PageSpeed

Os vídeos não são exatamente recursos leves. Um único vídeo pode facilmente pesar vários megabytes — especialmente se o atiras para o teu website sem qualquer otimização. Claro, podes reduzir o tamanho do ficheiro escolhendo o formato certo e comprimindo-o adequadamente, mas isso é apenas uma parte da história.

Não é só o tamanho do ficheiro que abranda a velocidade da tua página. Há várias outras razões pelas quais os vídeos podem transformar o teu website num caracol:

1. Autoplay e Preload Quando ativas o autoplay ou preload, o vídeo começa a carregar assim que a página é aberta — quer o utilizador o veja ou não. O autoplay em si não é necessariamente mau, mas tens de o usar com sabedoria. Se começa a reproduzir antes de estar visível para o utilizador, está simplesmente a desperdiçar largura de banda.
2. Sem Lazy Load Isto, em linguagem técnica, significa: o player carrega imediatamente, mesmo que esteja lá em baixo na página e o visitante ainda nem tenha feito scroll até lá. Quando combinado com autoplay, isto é um verdadeiro assassino do teu page speed.
3. Os Core Web Vitals Sofrem Os vídeos afetam métricas de desempenho essenciais como: LCP (Largest Contentful Paint): A rapidez com que o maior elemento visível carrega — e muitas vezes, é o teu vídeo. CLS (Cumulative Layout Shift): Quando o player carrega de repente e empurra o conteúdo todo, cria uma experiência de utilizador horrível. (Não te preocupes, vamos aprofundar estes termos na próxima secção.)
4. Plataformas de vídeo americanas populares: práticas mas pesadas Incorporar vídeos dos famosos serviços americanos parece fácil, mas está longe de ser leve. Porquê? Porque esses players carregam uma tonelada de scripts externos para fontes, tracking e cookies. E se quiseres ser conforme RGPD, muitas vezes precisas de uma solução de dois cliques antes de o vídeo sequer começar. Para os mais técnicos: o Google Lighthouse normalmente sinaliza isto com mensagens como: "Eliminate render-blocking resources" ou "Reduce JavaScript execution time"
5. O Hosting Web Standard Não Aguenta Vídeo Mesmo que o teu hosting inclua "tráfego ilimitado", a largura de banda é frequentemente limitada. Se vários visitantes iniciam vídeos em autoplay ao mesmo tempo, o teu site vai abrandar significativamente. (Aliás, temos uma entrevista que aprofunda porque é que o hosting standard não é ideal para vídeo.)
6. Vários Vídeos Numa Única Página Se adicionas vários vídeos a uma única página, estás a multiplicar o problema. Todo o carregamento pesado, autoplay e scripts de tracking acumulam-se, e o teu PageSpeed despenca a pique.

Em resumo:

Um vídeo bem posicionado pode tornar o teu website fantástico, explicar melhor a tua mensagem e até aumentar as conversões. Mas se não o otimizares corretamente, é um bilhete só de ida para tempos de carregamento lentos e utilizadores frustrados.

Um Passo Atrás: O Que o PageSpeed Score Realmente Mede (E Porque é Que Importa)

Se já alguma vez usaste o Google PageSpeed Insights ou o Lighthouse, sabes que o resultado final é um número entre 0 e 100. Quanto mais perto de 100, melhor a experiência do utilizador — pelo menos segundo o Google.

O que muitas pessoas não percebem: o score tem em conta o teu website inteiro, não apenas os vídeos. Já abordámos alguns pontos-chave relacionados com vídeos. Agora, vamos olhar mais de perto para alguns dos aspetos mais importantes.

1. LCP (Largest Contentful Paint)

O que mede?

O tempo que o maior elemento visível demora a carregar. Em páginas com vídeos, isto é frequentemente o próprio player ou uma miniatura grande.

Porque é que importa?

O Google vê o LCP como um indicador de quão rapidamente os utilizadores conseguem ver algo na página. Quanto mais tempo demora, maior a taxa de rejeição — os utilizadores saem antes de o conteúdo sequer aparecer.

2. CLS (Cumulative Layout Shift)

O que mede?

A quantidade de mudanças inesperadas de layout que ocorrem enquanto a página está a carregar.

Porque é que importa?

Não há nada mais irritante do que tentar clicar num link e ele de repente saltar porque um player carregou e empurrou tudo para baixo. O Google penaliza isto severamente — e, honestamente, com razão.

Problemas típicos:

• Players que aparecem no layout depois de o resto da página já ter carregado.
• Sem placeholder fixo no HTML, fazendo o conteúdo saltar de um lado para o outro.

3. TBT (Total Blocking Time)

O que mede?

O tempo durante o qual o browser está bloqueado por scripts externos, impedindo interações do utilizador (como clicar, fazer scroll ou reproduzir o vídeo).

Porque é que importa?

Quanto mais longo for este período de bloqueio, menos interativa a tua página parece. Os utilizadores perdem a paciência e saem porque nada acontece.

Problemas típicos:

• Players externos que carregam toneladas de JavaScript.
• Scripts de tracking de fornecedores terceiros.

4. FID (First Input Delay)

O que mede?

O atraso entre a primeira interação do utilizador (como um clique) e o momento em que a página realmente responde.

Porque é que importa?

Se o teu player demora vários segundos a reagir porque os scripts ainda estão a carregar em segundo plano, parece lento e pouco profissional.

5. SI (Speed Index)

O que mede?

A rapidez com que as partes visíveis da página são exibidas.

Porque é que importa?

Se o teu vídeo está em destaque e não está otimizado, arrasta o Speed Index inteiro para baixo.

Problemas típicos:

• O vídeo carrega de forma síncrona em vez de assíncrona.
• Sem Lazy Load ou imagem de pré-visualização, pelo que o player inteiro carrega de imediato.

6. INP (Interaction to Next Paint)

O que mede?

A capacidade de resposta do teu site quando os utilizadores interagem com ele.

Porque é que importa?

Se os utilizadores clicam no botão de play e demora uns segundos até o vídeo começar, parece que o botão está avariado.

Problemas típicos:

• Players não otimizados com arranque atrasado.
• JavaScript complexo que bloqueia a resposta.

E a lista continua...

Já percebes a ideia: Tudo se resume a tempos de carregamento, velocidade e quando algo acontece na página. Na prática, até um vídeo otimizado pode fazer o teu score cair de 90 para abaixo de 50 se for incorporado incorretamente — afetando negativamente o SEO, os tempos de carregamento e a experiência do utilizador.

E não afeta só o teu SEO. Muitas vezes, também impacta o desempenho das tuas campanhas inteiras:

Tempos de carregamento maiores = taxa de rejeição mais alta = pior desempenho das campanhas = ranking mais baixo e custos mais altos = menos eficiência e orçamento desperdiçado

É uma reação em cadeia: vídeos lentos não são apenas um problema técnico — podem afetar diretamente o sucesso do teu marketing.

Como Posso Otimizar o Meu Lighthouse Score Com Vídeos no Meu Website?

A verdade é que muitos fatores entram em jogo quando se trata de otimizar o teu Lighthouse score com vídeos no teu website. Não se trata apenas de comprimir ficheiros ou escolher o formato certo — há toda uma lista de coisas que podem fazer ou destruir o teu PageSpeed.

A boa notícia? Temos muita experiência com vídeos em websites e, por vezes, existem soluções muito específicas para os problemas mencionados anteriormente. Com a configuração e otimizações certas, podes manter os teus vídeos fluidos e rápidos — sem sacrificar qualidade nem experiência do utilizador.

Na próxima secção, vou guiar-te pelos passos práticos para resolver os problemas mais comuns e melhorar o teu Lighthouse score. Vamos a isso.

Também útil:

• Um player "leve" em vez de 5 MB de JavaScript: Muitos players vêm carregados com funcionalidades desnecessárias, scripts de tracking e montes de bloat que não precisas de todo. Mudar para um player simplificado e minimalista pode melhorar drasticamente os tempos de carregamento e reduzir o consumo de largura de banda.
• Carregamento consciente dos vídeos: Se um vídeo está fora da área visível inicial, não precisa de carregar logo. Implementar lazy loading garante que os vídeos só são carregados quando o utilizador faz scroll até eles.
• Otimiza os teus vídeos em autoplay: Os vídeos em autoplay são muitas vezes apenas decorativos ou usados para impacto visual. Nem sempre precisam de ser longos. Vídeos curtos e impactantes de 5 a 15 segundos são geralmente suficientes e muito mais leves para o carregamento da tua página.

Só estas medidas podem melhorar o teu PageSpeed score em 20–30 pontos — sem sacrificar a qualidade do vídeo.

Dica Pro: Uma alternativa ao YouTube, Vimeo & Co.

Sejamos honestos: o Google não vai penalizar o player do YouTube. Mesma empresa. Dão-se bem.

Mas isso não muda o facto de que o player do YouTube está longe de ser ideal quando se trata de performance. E não é só a velocidade — há outras limitações:

• Sem personalização: Ficas preso ao branding e à interface deles.
• Sem autoplay: Boa sorte a tentar que reproduza de forma fluida.
• Flexibilidade de formatos limitada: Ou é à maneira deles, ou nada feito.
• Recomendações estranhas no final do vídeo: Às vezes aparece conteúdo da concorrência. Fantástico.

Podíamos continuar, mas já percebeste a ideia.

E depois há a questão da privacidade...

O YouTube é do Google, e outros serviços americanos não são muito melhores no que toca ao RGPD. Podes experimentá-los, mas rapidamente vais perceber que precisas sempre de uma solução de dois cliques para que funcione. Isso significa que nem todos os teus visitantes vão realmente ver os teus vídeos. Mesmo que uses opções "sem tracking" ou "sem cookies", dados pessoais como IPs podem continuar a ser processados. Frustrante, não é?

Mas há alternativas:

1️⃣ Self-hosting – Mas como já mencionámos, não é tão simples quanto parece. Precisas de um player adequado, lazy loading, uma imagem de capa, etc. E sinceramente, só faz sentido se tiveres pouco tráfego. Se o teu site receber muitas visitas, o teu servidor pode facilmente ficar sobrecarregado.

2️⃣ Ou usas soluções especificamente criadas para a Europa e as suas necessidades de privacidade.

Foi exatamente por isso que criámos o Ignite Video. Basta fazeres upload do teu vídeo e integrares o player. Não precisas de te preocupar com nenhum dos problemas mencionados acima.

É diretamente conforme RGPD, sem cookies, tudo é streaming adaptativo, o player adapta-se à tua marca, é acessível, os servidores estão na Alemanha, e estás a apoiar uma empresa local em vez de uma corporação global. Basicamente, tudo é tratado por ti.

Ok, quase tudo — convém ficares de olho na duração dos vídeos. Mas tirando isso, é tudo tranquilo.

Conclusão: Os vídeos são ótimos — mas só se forem implementados da forma certa.

Em resumo: Não metas os teus vídeos no site de qualquer maneira. Presta atenção aos KPIs que mencionámos acima. Não tentes resolver tudo de uma vez. Começa por otimizar os formatos e depois passa para um player melhor. Em alternativa, podes ir diretamente para um fornecedor profissional.

Podes fazer tudo sozinho, mas fica avisado — é bastante complexo.