Como incorporar vídeos sem deixar seu site lento

• Se você serve o MP4 da sua própria hospedagem, o navegador pode começar a baixar megabytes que ninguém pediu para assistir.
• Se o player não tem espaço reservado, a página “pula” ao carregar (nota ruim de estabilidade visual).
• Carregar vários players ao mesmo tempo, todos no topo, atrasa o que o visitante quer ver primeiro.

1. 1Hospede o vídeo fora da sua hospedagem: com o Dembed ele é servido do armazenamento dele, em várias qualidades, e só é baixado o que é reproduzido.
2. 2Reserve o espaço com aspect-ratio, para a página não se mexer.
3. 3Use loading="lazy" nos iframes que não estão na primeira tela: eles só carregam quando o visitante se aproxima.
4. 4Não reproduza todos os vídeos automaticamente: só o principal, se realmente agregar algo.
5. 5Coloque o título do vídeo no atributo title do iframe.

<iframe src="https://dembed.cc/embed/v_SEU_ID" title="Apresentação do produto" style="width:100%;aspect-ratio:16/9;border:0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen loading="lazy"></iframe>

• Em uma galeria, mostre miniaturas com link para o vídeo e carregue o player só ao clicar.
• Ou incorpore todos com loading="lazy": só carregam aqueles até onde o visitante rolar.
• Divida listas muito longas em várias páginas.

Passe sua página pelo PageSpeed Insights do Google antes e depois das mudanças. Observe o tempo de carregamento do conteúdo principal e a estabilidade visual: com essas regras, os vídeos deixam de ser o problema.