El método más eficiente para insertar vídeos en WordPress

Ah, ¿recuerdas los días en que las conexiones por acceso telefónico y Edge (2G) eran un lujo y ver videos en YouTube parecía estar poniendo a prueba nuestra paciencia?

Si no tuviera Internet súper rápido, haría clic en el botón de reproducción de su video favorito, presionaría pausa y dejaría que se cargara y almacenara en buffer. Mientras tanto, fuiste a preparar una taza de café. Cuando regresaste, si tenías la suerte, el video se transmitiría sin problemas de una sola vez, o es posible que tengas que sufrir almacenamiento en búfer.

Pero lo mejor ahora es que ya no sucede y las conexiones rápidas a Internet se han convertido en la nueva normalidad. Gracias a la tecnología 5G, las personas ahora pueden ver videos de YouTube sin problemas, incluso en resolución 4K.

Escenario actual de uso de vídeos en el sitio web

Debido a este hecho, incluso la inserción de vídeos en sitios web también se ha vuelto predominante. Después de todo, los vídeos ofrecen una forma más atractiva de comunicarse y mejorar la experiencia del usuario.

Algunas personas van aún más allá y utilizan vídeos como fondo completo de su sitio web para agregar un elemento dinámico y visualmente atractivo al diseño de su sitio web.

Dado que se descubrió que esta estrategia era más efectiva para capturar y retener la atención de los visitantes, resultó ser una práctica estándar para cualquier persona insertar videos en sus sitios de WordPress.

Pero el hecho es que no todo el mundo lo está haciendo bien. La mayoría de ellos no conocen la forma correcta de insertar vídeos en WordPress y, como resultado, terminan ralentizando la velocidad de su sitio web.

No es una declaración inventada; Preferimos que los números y los resultados digan la verdad.

WordPress con vídeos: prueba Core Web Vital

Vayamos directo a las pruebas y resultados, sin arrastrar ni alardear más.

Primero, con fines de prueba, tomamos un sitio web de WordPress simple y básico sin videos ni gráficos y lo probamos.

Los resultados fueron los siguientes:

• Puede ver que la puntuación fue del 100 % con una señal verde y todas las métricas muestran respuestas positivas tanto para dispositivos móviles como para computadoras de escritorio.

Pero cuando agregamos un video de YouTube a la página de inicio del sitio de WordPress y ejecutamos la prueba nuevamente. Los resultados fueron sorprendentes;

• Solo para un solo video, la puntuación cayó al 65% y todas las demás métricas siguieron lo mismo. Se redujo drásticamente en un 35%, una tendencia que podría empeorar con la adición de más videos.

Ahora te estarás preguntando ¿cuál es la solución?

¿Qué necesitas para solucionar esto?

El enfoque directo que podría estar pensando es no utilizar ningún vídeo en el sitio, pero no es el enfoque correcto. Los vídeos tienen su valor y también mejoran la experiencia del usuario del sitio web. Por lo tanto, no puede simplemente ignorarlos sólo por aumentar la velocidad de su sitio web.

1. Elija una plataforma de alojamiento de vídeos de renombre

En primer lugar, sería fantástico alojar o cargar vídeos en una plataforma de alojamiento de vídeos gratuitos como YouTube, Vimeo o Wistia, en lugar de alojarlos en su servidor web. No solo ahorrará recursos de su servidor, sino que también reducirá la carga y no afectará la velocidad del servidor.

Estas plataformas de alojamiento de vídeos están bien optimizadas para la entrega de vídeos y pueden manejar el ancho de banda necesario para la transmisión de vídeos.

Nota : Aparte de las plataformas de alojamiento de videos gratuitas, si desea crear su propio sitio web de videos usando WordPress, ninguna otra plataforma de alojamiento de videos privada puede superar a la plataforma de alojamiento de videos dedicada de WPOven en términos de casi todo.

2. Insertar vídeos de YouTube sin cookies

Te sorprenderá saber que, además de la inserción estándar de YouTube, también hay una versión especial disponible llamada youtube-nocookie.com.

Incrustar vídeos de YouTube desde la versión estándar trae consigo muchos otros elementos no deseados como cookies, scripts, etc., que no son necesarios. Por lo tanto, para hacer esto más eficiente, YouTube ha introducido la versión youtube-nocookie.com, que es más liviana y no afecta significativamente la puntuación de velocidad de su página.

Aquí hay algunos datos interesantes sobre Youtube-nocookie.com

• Es un dominio alternativo para insertar vídeos de YouTube.
• Este dominio se utiliza para insertar vídeos sin configurar cookies con fines de seguimiento.
• La incrustación regular de YouTube (youtube.com) puede establecer cookies en el navegador del espectador.
• El dominio “youtube-nocookie.com” sirve al reproductor integrado sin configurar ninguna cookie.
• Es útil para sitios web que priorizan la privacidad del usuario y buscan minimizar el uso de cookies.
• El uso de “youtube-nocookie.com” garantiza que los vídeos incrustados no contribuyan a un seguimiento innecesario de los visitantes del sitio.

Todo lo que necesitas es modificar la URL de un vídeo de YouTube reemplazando “youtube.com” por “youtube-nocookie.com” y estarás listo para comenzar.

3. Utilice complementos LazyLoad

La carga diferida es una de las mejores técnicas para optimizar la velocidad de un sitio web simplemente posponiendo ciertos elementos de un sitio web. El complemento retrasa la carga de elementos como imágenes o vídeos hasta que el usuario se desplaza hasta ellos o aparecen a su vista.

Así sucede:

• El complemento de carga diferida escanea el contenido de la página web durante la inicialización.
• Supervisa continuamente la parte visible del sitio web para el usuario.
• Cuando los elementos marcados para carga diferida están a punto de ingresar a la ventana gráfica del usuario, el complemento activa su carga.
• Cuando los usuarios ingresan a la ventana gráfica, los elementos se cargan dinámicamente, a menudo usando JavaScript, sin necesidad de recargar la página completa.
• Los complementos de carga diferida utilizan JavaScript para cargar contenido dinámicamente en la página web a medida que el usuario interactúa con ella.
• Los complementos priorizan la carga según la posición o la importancia del elemento, lo que garantiza una experiencia de usuario perfecta y al mismo tiempo reduce los tiempos de carga iniciales y el uso de ancho de banda.

Nota: este enfoque tiene ciertas limitaciones. El complemento de carga diferida no funciona si los videos se colocan en el primer pliegue, pero funciona mejor cuando los videos son visibles debajo del primer pliegue.

Leer: 22 mejores formas de acelerar el rendimiento de WordPress

4. Técnica de fachada

El enfoque Facade es una de las formas inteligentes de implementar la técnica de carga diferida. En este enfoque, inicialmente se utiliza un marcador de posición de imagen estática en lugar del vídeo. Esta imagen normalmente se parece a la miniatura del vídeo con un botón de reproducción superpuesto.

Cuando el usuario hace clic en el botón de reproducción superpuesto, aparece una ventana emergente y el video real comienza a cargarse en la misma ventana emergente.

Para su referencia y mejor comprensión, aquí hay un ejemplo.

Este enfoque es bastante efectivo y no carga su sitio de WordPress con videos de YouTube a menos que sea necesario.

Si este enfoque de caja de luz no le conviene, utilice un popular complemento de WordPress llamado "LazyLoad Plugin". Funciona con oEmbed y reemplaza los videos incrustados de YouTube y Vimeo con una imagen de vista previa en la que se puede hacer clic.

Resumen

Ahora, resumamos lo que hemos mencionado en la publicación anterior. Sin duda, los vídeos son una de las mejores y más interactivas formas de compartir información. Sin embargo, nadie quiere pagar este precio por ralentizar su sitio web.

Pero, afortunadamente, hay algunos consejos y trucos que ya hemos mencionado que pueden hacer maravillas con su sitio web sin comprometer la velocidad y el rendimiento del mismo. Por lo tanto, siga estos consejos y aumente la velocidad de su sitio web para alcanzar una puntuación de 100. Pruébelo y gane la carrera.

Raúl

Rahul Kumar es un entusiasta de la web y estratega de contenidos especializado en WordPress y alojamiento web. Con años de experiencia y el compromiso de mantenerse actualizado con las tendencias de la industria, crea estrategias en línea efectivas que generan tráfico, aumentan la participación y aumentan las conversiones. La atención de Rahul al detalle y su capacidad para crear contenido atractivo lo convierten en un activo valioso para cualquier marca que busque mejorar su presencia en línea.