Optimización de Vídeo: qué tener en cuenta y por qué utilizar un CDN

Desde 2005, cuando YouTube sentó las bases del mayor sitio web para compartir vídeos, se ha producido un cambio gradual hacia los contenidos en vídeo.

La mayoría de los usuarios prefieren consumir contenidos en forma de vídeo, ya sea echando un vistazo a su interminable página de Facebook, viendo una sucesión de vídeos de noticias en YouTube o navegando por blogs.

Para garantizar que su sitio esté preparado, necesita vídeos; si quiere que su sitio funcione sin problemas mientras aloja este contenido que consume mucho ancho de banda, necesita optimización de vídeo.

¿Qué es la optimización de vídeo?

Un vídeo promedio (de unos 30 segundos) contiene entre 1MB y 30MB de datos, dependiendo del formato y la calidad. Eso es mucho contenido (para un vídeo tan corto) para volcar en su servidor, y si su sitio no está optimizado para recibirlo, almacenarlo y ejecutarlo, sus páginas se cargarán con toda la velocidad y la gracia de un blog de 1990.

La optimización de vídeo es el proceso de comprimir, reducir y optimizar de otro modo el contenido de vídeo para que no provoque que su servidor se arrastre.

Una correcta optimización de vídeo para web reduce los tiempos de almacenamiento en búfer y de carga de la página, al tiempo que limita el consumo de ancho de banda y la carga de trabajo de la CPU.

¿Por qué es importante la optimización de vídeo?

La velocidad lo es todo cuando se trata del rendimiento de un sitio web. No importa lo sofisticada y bonita que sea su página, si tarda más de 5 segundos en cargarse, va a perder a la mayoría de sus visitantes.

Los internautas modernos son impacientes. Lo queremos todo ya. Si su sitio está cargado de vídeos no optimizados, podría tardar varios segundos en cargar cada página.

Incluso si reduce el tiempo de carga a un par de segundos, ese tiempo puede aumentar durante los periodos de mucho tráfico. Hay miles de millones de sitios web y millones en su categoría.

Técnicamente, estás compitiendo con todos ellos y hay un espacio muy limitado en la cima de las clasificaciones de búsqueda de Google. Debes hacer todo lo posible para garantizar la mejor experiencia de usuario y la velocidad es la clave para ello.

Optimización de vídeo para móvil y escritorio

La optimización de vídeo sigue los mismos principios independientemente del dispositivo:

• Utilice formatos compatibles con HTML5: asegúrate de que todos tus vídeos utilizan formatos compatibles con HTML5, incluido MP4. Estos vídeos pueden verse tanto en móviles como en ordenadores de escritorio y, si los conviertes de antemano, no necesitarás ningún plugin.
• Utiliza la compresión automática de vídeo: una herramienta de compresión de vídeo reducirá el tamaño de tu vídeo en sólo un par de clics. Consiguen este resultado reduciendo la calidad del vídeo, así que tenlo en cuenta si estás produciendo vídeos de alta calidad que necesitan ser perfectos.
• Vídeos incrustados: si el vídeo ya está en YouTube u otro sitio para compartir vídeos, puedes incrustarlo. El vídeo se podrá reproducir en tu sitio y YouTube se encargará de todo mientras tú sirves el contenido a tus visitantes.

Aun así, la optimización de vídeo para móviles tiene algunos requisitos específicos relacionados con el tamaño y el método de entrega. Comprueba estos pasos:

• Utilice las relaciones de aspecto adecuadas: muchos usuarios de móviles prefieren ver los vídeos en vertical, lo que significa que no giran la pantalla para poder verlos a pantalla completa. Los vídeos cuadrados son la relación de aspecto más popular para los dispositivos móviles.
• Centrarse en el diseño móvil: los sitios web deben ser mobile-first, ya que la gran mayoría de los usuarios accederán a su sitio utilizando una tableta o un smartphone. Esto no significa que deba descuidar a los usuarios de ordenadores de escritorio, sino que debe asegurarse de que su sitio está perfectamente optimizado para los usuarios móviles.
• Elija un formato de vídeo apto para móviles: este aspecto se tratará en la siguiente sección.

Los mejores formatos de vídeo para la web

Algunos formatos de vídeo son más adecuados que otros para su uso en sitios web. MPEG-1, por ejemplo, es un formato clásico de la vieja escuela, pero también tiene sus limitaciones. No es adecuado para pantallas de alta definición, su calidad no es la mejor y su compresión tampoco es muy buena. MPEG-2 también tiene sus límites, mientras que Flash va camino de las unidades de CD, los disquetes y el dodo.

The following video formats may be more suitable:

• MPEG-4 (mp4): MPEG-4 es probablemente el mejor formato de vídeo para sitios web. Es de alta calidad y se puede comprimir. Además, está soportado por la mayoría de los principales navegadores y es compatible con la mayoría de ordenadores, tabletas y dispositivos móviles.
• AVI (avi): AVI es un formato antiguo creado por Microsoft que admite vídeos de alta definición y ofrece una buena compresión. Aunque el formato es adecuado para el streaming de vídeo, no es la opción preferida hoy en día.
• HTML5 (webm): HTML5 es el sustituto de Flash. Es una tecnología totalmente integrada que se puede utilizar para subir y transmitir vídeos. HTML5 se utiliza en YouTube y es compatible con los navegadores y dispositivos móviles más populares.
• ASF (wma & wmv): ASF funciona con la mayoría de navegadores y tipos de sitios y es el formato interno del Reproductor de Windows Media. Sin embargo, no está tan difundido, por lo que puede que no sea la mejor opción para su sitio web.
• QuickTime (mov): Aunque utilizar QuickTime tiene sus ventajas, éstas se dan principalmente fuera de línea. Este programa nativo de Mac no es adecuado para su uso en sitios web, pero ofrece grabación y edición de vídeo de gran calidad para los usuarios de Mac.
• Matroska (mkv): Matroska funciona con muchos códecs, pero su compatibilidad con navegadores es muy limitada, por lo que no es ideal para su uso en sitios web.

¿Demasiados formatos? Gestione todos sus archivos de trabajo, versiones finales y variantes de vídeo en un único lugar con una plataforma de Digital Asset Management.

Tipos de vídeo y optimización

Además de los tipos de archivos de vídeo mencionados, hay que tener en cuenta otras cuestiones.

La primera es si el vídeo se graba o se transmite. Si es grabado, se puede comprimir y subir fácilmente. No es necesario servirlo para que salga en directo y tienes más tiempo para editarlo y optimizarlo.

Si se trata de una transmisión en directo, puede suponer una mayor exigencia para tus servidores, debe servirse en directo y puede que sólo funcione con formatos específicos (como WebM y MP4).

A continuación, debes pensar si necesitas alojar el vídeo tú mismo o incrustarlo. Si alojas el vídeo, se almacenará en tu servidor (o en el de un CDN). Puede ser más lento (tus servidores probablemente no puedan competir con YouTube) y ocupará un valioso espacio de almacenamiento. Si está incrustado, sólo estás enlazando a un vídeo que está alojado en otro sitio, como YouTube, donde el vídeo no ocupará espacio de tu servidor y se cargará rápidamente.

CDN para vídeo

Además de la optimización de vídeo para web, una Content Delivery Network para vídeo (CDN de vídeo) o CDN de streaming de vídeo es esencial si tienes un sitio web grande con mucho contenido que optimizar.

El CDN de vídeo almacena copias en caché de tus vídeos en servidores rápidos y entrega este contenido como y cuando sea necesario. Es una forma muy optimizada de alojar el contenido de su sitio web y debería mejorar mucho su velocidad.

El alojamiento de vídeo CDN reduce la latencia y el tiempo de almacenamiento en búfer, y funciona especialmente bien para la transmisión de contenidos. No tiene que preocuparse de sobrecargar sus servidores o de ofrecer una experiencia lenta a algunos usuarios y rápida a otros. El alojamiento de CDN de vídeo puede absorber picos de tráfico.

Existen dos estándares principales de transmisión de vídeo: MPEG-DASH y HLS. Ambos soportan el streaming adaptativo de bitrate (ABR), que ajusta la calidad del vídeo según las condiciones actuales del ancho de banda. En otras palabras, si la conexión a Internet se ralentiza durante el streaming, el ABR se asegurará de que el vídeo no se retrase o se detenga, sólo cambiará a una resolución inferior.

DASH son las siglas de Dynamic Adaptive Streaming sobre HTTP. Está ampliamente soportado por los reproductores de vídeo más populares y desarrollado principalmente para el ecosistema Android.

HLS significa HTTP Live Streaming y es un protocolo desarrollado para dispositivos Apple, pero también soportado por dispositivos Android. Mientras que MPEG-DASH permite cualquier estándar de codificación, HLS requiere codificaciones de vídeo específicas.

La combinación de ambos estándares de streaming de vídeo (para cubrir todos los navegadores, sistemas operativos, códecs, etc.) y un CDN que admita ambos proporciona la mejor configuración de streaming de vídeo para uso profesional.

SEO y Core Web Vitals

Los vídeos pueden posicionarse en Google independientemente del resto del contenido de su sitio web, ya sea en la búsqueda universal o en la búsqueda de vídeos. Existen cientos de factores de clasificación diferentes, conocidos como Core Web Vitals, y son esenciales para crear una presencia SEO sólida.

La velocidad y la optimización de vídeo desempeñan un papel cada vez más importante dentro de los algoritmos de Google, así que tenga en cuenta lo anterior, junto con consideraciones como:

• Backlinks para el vídeo
• Subtítulos
• Persistencia del vídeo
• Descripciones breves

Otros consejos de optimización

Algunos ejemplos de datos de vídeo superfluos son los archivos de audio codificados en vídeos que se reproducen en silencio: si tus usuarios no necesitan escuchar el vídeo, el vídeo no necesita audio.

Tampoco tiene sentido alojar un vídeo de altísima calidad que sólo se va a mostrar en una ventana pequeña o colocar largas intros y outros en un clip corto.

Simplifique las cosas. Ofrezca sólo lo necesario y, si va a alojar streams, deje que el CDN de streaming de vídeo haga el trabajo por usted.

Conclusión

Tuvimos la revolución móvil y ahora estamos en medio de la revolución del vídeo. Todos los sitios web necesitan vídeos y, como la velocidad es clave, ¡todos los sitios web también necesitan optimización de vídeo!

Para asegurarte de que tu sitio funciona sin problemas para todos tus usuarios, consulta la siguiente guía de Cloudimage: CDN de imágenes.

Cloudimage es un servicio de optimización de vídeo e imágenes de última generación. Reducirá la carga de imágenes hasta en un 75%, reducirá el consumo de recursos a la mitad y proporcionará un proceso mejor, más rápido y más ágil en general.

FAQs

¿Qué es la optimización de vídeo?

La optimización de vídeo es el acto de "optimizar” un vídeo para un sitio web o una aplicación. Puede implicar una variedad de técnicas diferentes, como la compresión, el streaming en servidor y el uso de un CDN para el streaming de vídeo.

¿Qué es un CDN de vídeo?

Un CDN de vídeo o "Content Delivery Network" es una red de servidores construida pensando en la optimización del vídeo.

Los CDN de vídeo almacenan en caché el contenido de un sitio web en varios servidores para que pueda ser servido al dispositivo del usuario en cuanto visite el sitio web. El contenido se entregará desde el servidor más cercano al usuario y, como estos servidores están ubicados en todo el mundo, el CDN de vídeo es capaz de proporcionar un proceso rápido y sin problemas para los usuarios de todo el mundo.

¿Necesito un CDN para transmitir en directo?

Un CDN para streaming de vídeo es esencial si no quiere sobrecargar sus servidores. También puede ayudar en caso de ataque de denegación de servicio distribuido (DDOS), por el que un sitio web se ve inundado de ataques simultáneos como medio para vulnerar su seguridad y provocar una interrupción.