Cómo poner videos en tu web sin que se vuelva lenta

• Si sirves el MP4 desde tu propio hosting, el navegador puede empezar a descargar megas que nadie ha pedido ver.
• Si el reproductor no tiene un hueco reservado, la página «salta» al cargarlo (mala puntuación de estabilidad visual).
• Cargar varios reproductores a la vez, todos arriba del todo, retrasa lo que el visitante quiere ver primero.

1. 1Aloja el video fuera de tu hosting: con Dembed se sirve desde su almacenamiento, en varias calidades, y solo se descarga lo que se reproduce.
2. 2Reserva el espacio con aspect-ratio, para que la página no se mueva.
3. 3Usa loading="lazy" en los iframes que no estén en la primera pantalla: no cargan hasta que el visitante se acerca.
4. 4No pongas reproducción automática en todos los videos: solo en el principal, si de verdad aporta.
5. 5Pon el título del video en el atributo title del iframe.

<iframe src="https://dembed.cc/embed/v_TU_ID" title="Presentación del producto" style="width:100%;aspect-ratio:16/9;border:0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen loading="lazy"></iframe>

• En una galería, muestra miniaturas que enlacen al video y carga el reproductor solo al pulsar.
• O inserta todos con loading="lazy": solo se cargarán los que el visitante vea al desplazarse.
• Divide las listas muy largas en varias páginas.

Pasa tu página por PageSpeed Insights (de Google) antes y después de los cambios. Fíjate en el tiempo de carga del contenido principal y en la estabilidad visual: con estas reglas, los videos dejan de ser el problema.