Cómo añadir fácilmente la carga lenta de vídeos en WordPress

Los vídeos son estupendos para mejorar la participación de los usuarios en tu sitio web. Sin embargo, uno de los inconvenientes de incrustar vídeos es que ralentiza tu sitio web. En este artículo, te mostraremos cómo añadir la carga lenta para los vídeos en WordPress y mejorar la velocidad de tu página.

¿Cómo funciona la carga lenta de vídeos?

¿Te preguntas qué es exactamente la carga lenta y cómo funciona?

Cuando incrustas un vídeo en tu sitio, añades scripts y archivos externos adicionales que deben cargarse. Como hay más cosas que cargar, tu sitio web carga más lentamente.

La carga lenta de vídeos 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.

Dado que las imágenes tienen un tamaño mucho menor que los vídeos, la técnica de carga lenta mejora significativamente la velocidad de la página.

Ahora que conoces las ventajas, vamos a ver cómo hacer lazy load 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 la carga lenta de vídeos en WordPress

Lo primero que tienes que hacer es instalar y activar el Carga perezosa para vídeos plugin

Este plugin funciona de forma inmediata, y no necesitas editar ningún script jQuery de carga lenta ni ningún código.

Para comprobar que la carga lenta funciona, todo lo que tienes que hacer es ver un post o una página que contenga un vídeo de YouTube o Vimeo. Verás que los reproductores por defecto son sustituidos por una miniatura del vídeo y un botón de reproducción

Cuando hagas clic en la imagen, se cargará el vídeo y se reproducirá

Puede haber un ligero retraso de un segundo (insignificante) en la carga del vídeo, así que no pienses que la carga lenta no funciona

Aunque este plugin funciona de forma inmediata, hay ajustes que puedes configurar en función de tus necesidades

En la pantalla del editor de publicaciones, puedes elegir la calidad de la miniatura para las incrustaciones de vídeo de YouTube.

Aparte de la calidad de las miniaturas, hay más opciones de personalización disponibles si te diriges a Configuración " Carga lenta de vídeos.

En la pestaña de ajustes generales, puedes personalizar la apariencia de las miniaturas de los vídeos. Puedes activar el modo responsivo, 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 los ajustes específicos del proveedor haciendo clic en las pestañas respectivas

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 lenta para los vídeos de YouTube

Del mismo modo, en la pestaña de ajustes de Vimeo puedes elegir los colores de control, ocultar o mostrar el título del vídeo y desactivar la carga perezosa para los vídeos de Vimeo

Eso es todo. Esperamos que este artículo te haya ayudado a añadir lazy load para vídeos en WordPress

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

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Google+