Video de portada para la web de tu alojamiento: cómo hacerlo sin que la página sea lenta

Actualizado el 06/10/2026.

Un video de portada para web de hotel, cabaña o complejo funciona si es corto, sin sonido, liviano y con una imagen de respaldo que aparezca al instante. Si el video pesa varios megas y se descarga completo antes de mostrar algo, la página se vuelve lenta en el celular y el huésped se va antes de verlo.

Lo decimos con un dato propio: medimos nuestra portada anterior y era exactamente el caso que hay que evitar.

Lo que medimos en nuestra propia portada

El 05/10/2026 pasamos dos veces Lighthouse 13.5, la herramienta de medición de Google, en modo celular sobre la portada anterior de lumedron.com. Esa página cargaba tres videos MP4 de entre 5 y 9 MB cada uno. Los resultados:

• La página pesó 22,9 MB en la primera pasada y 18,9 MB en la segunda. Los tres videos sumaron más del 94 % de ese peso en las dos.
• El LCP, el tiempo hasta que aparece el elemento principal de la pantalla, fue de 6,1 s y de 7,7 s.
• El puntaje de rendimiento fue de 63 y de 58 sobre 100.

Para comparar: la guía de web.dev sobre LCP considera bueno un LCP de 2,5 segundos o menos, medido en el 75 % de las visitas. Nuestra portada estaba muy lejos. Por eso el rediseño del sitio se planificó con un objetivo de LCP de 2,5 s o menos y con los videos cargando recién después de la imagen. Compartimos el dato porque es el error más común y nos pasó a nosotros.

Cuándo un video de portada ayuda y cuándo molesta

Ayuda cuando el valor del alojamiento está afuera y se entiende en movimiento:

• una cabaña en el bosque con la sierra detrás;
• un complejo frente al lago, con la costa y el muelle;
• un hotel con parque y pileta que no entran en una sola foto.

Molesta cuando:

• tapa el botón de reservar o el número de contacto;
• tiene sonido que arranca solo;
• es largo y no dice nada nuevo después de los primeros segundos;
• hace que la página tarde en mostrar algo en el celular.

Si tu web recibe la mayoría de sus visitas desde redes o desde un buscador en el celular, el último punto es el que manda.

Duración, peso y formato recomendados

Estos son los criterios que usamos para una portada. No son una regla oficial, sino lo que aprendimos de medir:

• Duración: entre 10 y 20 segundos, en bucle. Tres o cuatro tomas aéreas alcanzan: llegada, vista general, detalle del entorno y cierre.
• Peso: lo menor posible. Una portada de pocos megas es razonable; una de 9 MB como la nuestra, no.
• Resolución: la portada no necesita 4K. El 4K se usa para filmar y recortar; para la web alcanza con una versión de menor resolución, exportada aparte.
• Formato: MP4 con video H.264 es el más compatible. Puede sumarse una versión en un formato más eficiente para los navegadores que la acepten.
• Sonido: ninguno. Se exporta sin pista de audio.

El punto clave es que el archivo de la portada no es el video que se entrega para redes ni para el portal. Es una versión aparte, pensada para la web.

Imagen de respaldo (poster) y carga diferida

La imagen de respaldo es una foto fija, normalmente el primer cuadro del video, que se muestra mientras el video carga. Según la documentación de MDN sobre el elemento video, el atributo poster define esa imagen; sin él, no se ve nada hasta que llega el primer cuadro. El atributo preload sugiere al navegador cuánto descargar antes: none (nada), metadata (solo datos como la duración) o auto (el archivo completo).

Dos detalles que cambian la medición:

• Para el LCP, en un video cuenta lo que aparezca primero entre la imagen de respaldo y el primer cuadro (web.dev). Una imagen liviana y optimizada hace que la portada "aparezca" rápido aunque el video tarde.
• El video se puede cargar después de que la página ya se mostró, con un poco de código. Así el huésped ve la foto al instante y el movimiento llega unos segundos después.

Y una pauta de accesibilidad: hay personas que configuran su sistema para reducir el movimiento en pantalla. La web puede detectarlo con la consulta prefers-reduced-motion y mostrarles solo la foto.

Móvil: qué cambia

En el celular aparecen tres condiciones nuevas:

• La reproducción automática. Según el blog de Chrome para desarrolladores, el video sin sonido siempre puede reproducirse solo; con sonido, solo en ciertos casos. En el iPhone, según el blog de WebKit, un video con el atributo muted puede arrancar sin que la persona toque nada, el atributo playsinline evita que se abra a pantalla completa y el video se pausa si gana sonido sin un gesto del usuario.
• El encuadre. Una toma horizontal en una pantalla vertical se recorta a los costados. Conviene revisar qué queda en el centro o exportar una versión vertical para celular.
• Los datos. Muchas visitas llegan con datos móviles. Un video de 9 MB es una descarga real para quien todavía no decidió reservar.

Cómo medir el impacto en velocidad

1. Antes de cambiar nada, medí la portada actual con PageSpeed Insights en modo celular. Anotá el LCP, el peso total y el puntaje.
2. Repetí la medición dos o tres veces: los resultados varían entre pasadas, como nos pasó (6,1 s y 7,7 s en la misma página).
3. Subí el video nuevo con imagen de respaldo y carga diferida, y volvé a medir igual.
4. Si el LCP empeoró, el problema casi siempre es el peso del archivo o la falta de imagen de respaldo.

Además de la medición de laboratorio, PageSpeed Insights muestra datos de visitas reales cuando la web tiene suficiente tráfico. Esos son los que usa Google.

Cómo pedirlo a tu proveedor

Al pedir el video aéreo, aclará que una parte va a la portada de la web y pedí estas cosas por escrito:

• una versión de 10 a 20 segundos, sin audio, pensada para bucle;
• una exportación liviana para web, además del archivo de alta calidad;
• el primer cuadro exportado como foto, para usarlo de imagen de respaldo;
• si tu web lo necesita, una versión vertical para celular.

Con LumeDron, el plan Simple cuesta USD 129 por video con entrega en hasta 14 días, e incluye filmación 4K, 20 fotos aéreas, los videos completos con color grading y un video para redes de 30 segundos. El pedido mínimo es de 2 videos (precios). Lo pedís desde el mapa del sitio, que abre WhatsApp con la ubicación cargada.

La otra mitad del trabajo es la web. Si la portada de tu alojamiento hay que rehacerla, eso lo resuelve un desarrollador. Este mismo sitio, con su pedido por mapa, lo desarrolló el estudio de Julián Bagilet, el estudio de software del fundador de LumeDron, y el rediseño pensado para corregir la portada lenta sale del mismo lugar.

Para el contenido del video, seguí con el guion de 5 planos para el video de un hotel o complejo; si tu alojamiento es un camping o una posada, con qué mostrar desde el aire en campings, hosterías y posadas; y si el complejo está en venta, con cómo mostrar cabañas y complejos en venta. El servicio completo está en video aéreo para turismo y alojamientos, y las piezas verticales, en contenido para redes.