Los vídeos son excelentes para mejorar la participación de los usuarios en su sitio web. Sin embargo, uno de los inconvenientes de incrustar vídeos es que ralentizan tu sitio web. En este artículo, le mostraremos cómo añadir carga diferida para vídeos en WordPress y mejorar la velocidad de su página.
¿Cómo funciona la carga diferida de vídeos?
¿Te preguntas qué es exactamente la carga diferida y cómo funciona?
Cuando incrustas un vídeo en tu sitio, añades secuencias de comandos y archivos externos adicionales que deben cargarse. Como hay más cosas que cargar, tu sitio web carga más despacio.
Video lazy loading sustituye los vídeos incrustados de Youtube y Vimeo por una imagen de vista previa en la que se puede hacer clic. Cuando tus visitantes hacen clic en la imagen, ésta se carga y reproduce el vídeo.
Como las imágenes son mucho más pequeñas que los vídeos, la técnica de carga diferida mejora significativamente la velocidad de la página.
Ahora que ya conoces las ventajas, veamos cómo realizar la carga diferida de vídeos de Youtube y Vimeo en WordPress.
Tutorial de vídeo
Si no te gusta el vídeo o necesitas más instrucciones, sigue leyendo.
Cómo añadir carga diferida para vídeos en WordPress
Lo primero que tienes que hacer es instalar y activar el plugin Lazy Load for Videos.
Este plugin funciona de inmediato y no es necesario editar ningún script jQuery de carga diferida ni ningún código.
Para comprobar que la carga diferida funciona, todo lo que tienes que hacer es ver una entrada o página que contenga un vídeo de YouTube o Vimeo. Verás que los reproductores por defecto se sustituyen por una miniatura del vídeo y un botón de reproducción.
Al hacer clic en la imagen, se cargará el vídeo y se reproducirá.
Puede que haya un ligero retraso de un segundo (insignificante) en la carga del vídeo, así que no pienses que la carga diferida no funciona.
A pesar de que este plugin trabaja fuera de la caja, todavía hay ajustes que se pueden configurar en función de sus necesidades.
En la pantalla del editor de entradas, puedes elegir la calidad de la miniatura para incrustar vídeos de YouTube.
Aparte de la calidad de la miniatura, hay más opciones de personalización disponibles si te diriges a Ajustes ” Carga diferida para vídeos.
En la pestaña de ajustes generales, puedes personalizar la apariencia de las miniaturas de los vídeos. Puedes activar el modo adaptable, elegir el estilo del botón de reproducción, utilizar CSS personalizado e incluso activar el marcado schema.org.
Este plugin es compatible con YouTube y Vimeo. Puedes encontrar ajustes específicos del proveedor al hacer clic en las respectivas pestañas.
En la pestaña de YouTube, puedes elegir los colores, la calidad de las miniaturas, desactivar los vídeos relacionados y las anotaciones, etc. Incluso puedes desactivar la carga diferida para los vídeos de YouTube.
Del mismo modo, en la pestaña de ajustes de Vimeo puedes elegir colores de control, ocultar o mostrar el título del vídeo y desactivar la carga diferida para los vídeos de Vimeo.
Esto es todo. Esperamos que este artículo te haya ayudado a añadir carga diferida para vídeos en WordPress.
Para aumentar aún más la velocidad de su sitio web tendrá que configurar una solución CDN WordPress con W3 Total Cache plugin.
Si te ha gustado este artículo, suscríbete a nuestro canal de YouTube para ver tutoriales en vídeo sobre WordPress. También puedes encontrarnos en Twitter y Google+.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Matt says
Please update this article! I’m having a lot of trouble finding up to date information on how to achieve this
WPBeginner Support says
We will certainly take a look at updating the article
Administrador
Mike says
What happens if you want to be playing your youtube videos in popups instead of on the page itself. Can you still use this plugin?
Ferret of chaos says
I am running chrome with the pintrest plugin under linux and the video will not play. Even loading the image into a 2nd tab will not work. I am going to disable the plugin and see if the video will work. And negative, the video will still not play.
Rabbi Khan says
Hi there I have a question about WordPress conditional tag. in my template displaying tags in post footer on WordPress homepage. So How to hide tags on home page. And display only on post page. Thanks in advance.
John says
I have problem with this plugin. When I click on the image video starts play in thumbnail and under thumbnail too.
DebG. says
So this plugin is responsive? It works with responsive themes?