Cómo agregar fácilmente carga perezosa para videos en WordPress

Los videos son excelentes para mejorar la participación de los usuarios en su sitio web. Sin embargo, una desventaja de la integración de vídeos es que ralentiza su sitio web. En este artículo, le mostraremos cómo añadir carga perezosa de vídeos en WordPress y mejorar la velocidad de su página.

¿Cómo funciona Lazy Loading for Videos?

¿Se pregunta qué es exactamente la carga perezosa y cómo funciona?

Cuando incrusta un vídeo en su sitio, agrega scripts y archivos externos adicionales que necesita cargar. Como hay más para cargar, su sitio web carga más lentamente.

La carga perezosa de vídeo sustituye a los vídeos integrados de Youtube y Vimeo con una imagen de vista previa en la que se puede hacer clic. Cuando sus visitantes hacen clic en la imagen, ésta se carga y reproduce el vídeo.

Dado que las imágenes son mucho más pequeñas en tamaño que los vídeos, la técnica de carga perezosa mejora significativamente la velocidad de la página.

Ahora que conoces las ventajas, echemos un vistazo a cómo cargar perezosamente vídeos de YouTube y Vimeo en WordPress.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Cómo agregar carga perezosa para videos en WordPress

Lo primero que tienes que hacer es instalar y activar el plugin Lazy Load for Videos.

Este plugin funciona desde el primer momento, y no es necesario editar ningún script jQuery de carga perezosa ni ningún código.

Para ver que tu carga perezosa está funcionando, todo lo que necesitas hacer es ver un post o página que contenga un video de YouTube o Vimeo. Observará que los reproductores predeterminados se sustituyen por una miniatura de vídeo y un botón de reproducción.

Cuando haga clic en la imagen, cargará el vídeo y lo reproducirá.

Puede haber un pequeño retraso (insignificante) en la carga del vídeo, así que por favor no piense que la carga perezosa no está funcionando.

Aunque este plugin funciona desde el primer momento, todavía hay ajustes que puede configurar en función de sus necesidades.

En la pantalla del editor de post, puede elegir la calidad de las miniaturas para los incrustaciones de vídeo de YouTube.

Aparte de la calidad de las miniaturas, hay más opciones de personalización disponibles si se dirige a Settings " Lazy Load for Videos .

En la ficha Configuración general, puede personalizar la apariencia de las miniaturas de vídeo. Puede habilitar el modo de respuesta, elegir el estilo de botón de reproducción, usar CSS personalizado e incluso habilitar el marcado de schema.org.

Este plugin soporta tanto YouTube como Vimeo. Puede encontrar la configuración específica del proveedor haciendo clic en las pestañas correspondientes.

En la ficha YouTube, puede elegir los colores, la calidad de las miniaturas, deshabilitar los vídeos y anotaciones relacionados, etc. Incluso puedes desactivar la carga perezosa de los vídeos de YouTube.

Del mismo modo, en la ficha Configuración de Vimeo puede elegir los colores de control, ocultar o mostrar el título del vídeo y deshabilitar la carga perezosa para los vídeos de Vimeo.

Eso es todo. Esperamos que este artículo le haya ayudado a añadir carga perezosa para los vídeos en WordPress.

Para aumentar aún más la velocidad de su sitio web tendrá que configurar una solución de CDN de WordPress con el plugin W3 Total Cache.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Google+.