WordPress

11 Plugins de Lazy Load (Carga Diferida) Más Rápidos Para Tus Imagenes de WordPress

Si estás buscando mejorar la velocidad de tu sitio, entonces Lazy Load o Carga Diferida seguro que te ayudará. Esta técnica retrasa las solicitudes HTTP para contenidos que se encuentran en la parte inferior de la página, por lo que sólo se carga cuando el usuario se desplaza hacia abajo.

A su vez, esto reduce el tamaño total de la página, lo que le da un tiempo de carga más rápido. Cualquiera familiarizado con WordPress debe saber acerca de su enorme biblioteca de plugins con miles de cosas para elegir.

Y en esta guía te mostraremos los mejores plugins de Lazy Load (Carga Diferida) para sitios de WordPress. Encontrarás sencillos plugins con instalaciones de un sólo clic y plugins más complejos que se dirigen a vídeos, galerías de fotos e imágenes.

1. BJ Lazy Load

BJ Lazy Load Plugin WordPress

Con el plugin BJ Lazy Load tienes todo el control sobre cómo se carga el contenido de tu página. Esto puede manejar comentarios de usuariod, fotos en la página e incluso medios especiales como iframes para vídeos incrustados.

Tú configuras el plugin directamente en WordPress para que controle qué características deseas. Tampoco afecta demasiado la experiencia del usuario, por lo que se siente muy limpio.

Ten en cuenta que esto se basa en JavaScript como muchos otros plugins de Lazy Load que están en el repositorio de plugins de WordPres. Esto significa que no tendrás el mismo efecto para los visitantes con JS desactivado, sino que las imágenes se cargarán dentro de una etiqueta noscript.

La mayoría de los usuarios de WordPress prefieren este plugin porque es fácil de configurar, fácil de personalizar y lanza una amplia red de soporte para incrustaciones dinámicas e incluso imágenes con CDN.

2. a3 Lazy Load

a3 Lazy Load Plugin WordPress

Para los sitios web con mucho contenido, puede probar el plugin a3 Lazy Load optimizado para imágenes.

Este es un plugin mucho más nuevo y recibe actualizaciones frecuentes por parte de sus desarrolladores. Fue creado para un amplio soporte móvil para sitios web que ejecutan cientos o miles de imágenes en una página.

De hecho, se basa en el plugin Lazy load XT jQuery que es un recurso de confianza desde hace mucho tiempo. Combinar esto en WordPress no requiere mucho esfuerzo.

Otra cosa agradable sobre este plugin es que puedes elegir en qué elementos deseas ejecutar Lazy Load. Puedes elegir entre imágenes en las entradas, páginas, y si aplicar la carga diferida a los comentarios y avatares.

3. Lazy Load XT

Lazy Load XT Plugin WordPress

Para obtener una carga de página increíblemente rápida, pruebe el complemento gratuito Lazy Load XT, uno de los complementos de Lazy Load más pequeños que puedes encontrar para WordPress.

No es algo que reciba muchas actualizaciones y actualmente se publica bajo la versión v0.5 sin nuevas actualizaciones en dos años. Es muy poco probable que veamos cambios en este plugin con el tiempo.

Pero se encuentra en el repositorio de WordPress con más del 90% de votos con cinco estrellas y un montón de buenas críticas.

También se basa en jQuery Lazy Load XT por lo que básicamente es un puerto del plugin original. Sin embargo, esto es un poco más ligero y viene con menos funciones, por lo que recomiendo esto más para las instalaciones más ligeras donde no deseas que los plugins ralenticen tu flujo de trabajo.

4. WP Lazy Load

WP Lazy Load Plugin WordPress

El desarrollador Mohammad Jangda lanzó este plugin de carga como un recurso adicional para los usuarios de WordPress. Está construido en un código liberado por el equipo de WordPress hace unos años.

Este sencillo plugin se basa en jQuery Sonar para detectar cuando un elemento es visible en la página. Utiliza esta librería para ejecutar llamadas Ajax para que las imágenes reduzcan el tamaño de la página y los tiempos de carga.

Una vez más, este plugin no tiene muchas opciones por lo que al usarlo puede sentirse un poco limitante.

Pero también es una opción razonable para cualquiera que quiera mantener su sitio web de WordPress ligero y rápido.

5. Speed Up – Lazy Load

Speed Up – Lazy Load Plugin WordPress

Aquí hay otro ejemplo de un plugin super ligero que suma sólo 5KB en tamaño de archivo. Con Speed Up – Lazy Load obtienes todas las funciones predeterminadas de carga de imagenes diferida y detección del navegador basada en JS para cada vez que el usuario se desplaza por la página.

Pero este plugin también se actualiza con más frecuencia que otros. La última actualización fue aproximadamente 6 meses antes de escribir este post y ha sido probado hasta WordPress v4.7.6 (versión actual es 4.8.2).

Speed Up es el típico plugin de “configúralo y olvídalo”. Basta con instalarlo y dejar que se ejecute en segundo plano, sin necesidad de realizar ninguna configuración adicional.

Y para un tamaño de archivo de 5KB no se puede pedir nada más pequeño.

6. Lazy Loading Responsive Images

Lazy Loading Responsive Images Plugin WordPress

Ahora para algo con un poco más de personalización, comprueba Lazy Loading Responsive Images. Esto fue construido como un recurso para manejar contenido receptivo con scripts de carga diferida en todos los dispositivos.

Nota que requiere JavaScript como cualquier otro plugin, pero también usa el tag <noscript> como alternativa. Sigue cargando imágenes tal y como esperaba y usa marcadores de posición sensibles hasta que el usuario se desplaza hacia abajo en la página.

Y te darás cuenta de que este plugin todavía recibe actualizaciones frecuentes con la última hace 2 semanas. Por lo tanto, es un recurso confiable que probablemente se pueda utilizar en los próximos años.

7. JCH Optimize

JCH Optimize Plugin WordPress

Aunque esto no es técnicamente sólo un plugin de carga diferida, sí incluye la funcionalidad de Lazy Load.

JCH Optimize es realmente un paquete de características que ayudan a acelerar los tiempos de carga de tu página. Puede instalar este plugin en cualquier sitio de WordPress e inmediatamente notar los beneficios.

Combinará automáticamente archivos CSS/JS para reducir el total de solicitudes HTTP. Además, su HTML puede ser minificado e incluso generará archivos sprite para imágenes de fondo CSS. ¡Genial!

La función de carga diferida está oculta dentro de la página de configuración y es sólo una configuración de un clic. Así que este plugin es una gran opción para acelerar tu sitio con más funcionalidades que sólo Lazy Load.

Pero no es un recurso completo y necesitarás otras cosas adicionales como un plugin de caché.

8. Smart4y Lazy Load

Smart4y Lazy Load Plugin WordPress

Si estás de acuerdo en ir por la ruta Premium, consulta Smart4y Lazy Load. Es súper rápido, ligero y viene con soporte de carga diferida para casi todos los elementos multimedia.

Este plugin fue lanzado un par de meses antes de escribir este post, así que es uno de los plugins más nuevos que hay. Y si adquieres una copia, te ofrecerán 6 meses de soporte técnico para ayudarte a configurarlo y resolver cualquier problema que tengas en el camino.

Pero para las características esto te permite apuntar a muchos elementos de la página:

  • Iframes o contenido incrustado
  • Imágenes para ciertos posts/páginas
  • Orientarse sólo a los posts, sólo a las páginas o a ambos
  • Definir tu propio limite de carga
  • Mantener  una relación de aspecto fija incluso antes de cargar las imágenes

Echa un vistazo a la página principal del plugin y mira lo que piensas. Es el único plugin premium que recomiendo por encima de las alternativas gratuitas.

9. Lazy Load for Videos

Lazy Load for Videos Plugin WordPress

¿Buscas una forma de cargar vídeos incrustados de manera diferida? Entonces Lazy Load for Videos es tu mejor opción.

Este plugin es útil de dos maneras específicas: para ayudar a los webmasters a cargar vídeos incrustados sin tocar imágenes, o para usar junto con otro plugin de carga diferida.

Una de las razones por las que esto es así es que guarda imágenes para los videos antes de cargarlos. Por lo tanto, extraerá imágenes en miniatura de los videos para mantener la relación de aspecto intacta. Además, te permite personalizar las incrustaciones de reproductores con ciertos controles o anotaciones.

Echa un vistazo al repositorio de GitHub si quieres saber más sobre este plugin, o si quieres contribuir con algo al proyecto.

10. Zedna WP Image Lazy Load

Zedna WP Image Lazy Load Plugin WordPress

No todos los plugins de Lazy Load soportan imágenes de fondo CSS. Eso es algo que Zedna WP Image Lazy Load realmente tiene a su favor.

Naturalmente, este plugin enfoca todas las imágenes de la página y los medios incrustados en iframes. Pero también es ideal para seleccionar imágenes de fondo CSS si desea que también se carguen de manera diferida.

Y funciona los elementos de vídeo HTML5 para que puedas cargar tus propios vídeos incrustados. Bastante interesante!

Otras opciones te permiten especificar los estilos de animación, el umbral para cargar contenido y ciertas clases que puedes utilizar para eliminar la funcionalidad de carga diferida.

11. Crazy Lazy

Crazy Lazy Plugin WordPress

No muchos usuarios de WP saben acerca de Crazy Lazy porque no aparece en la parte superior de los resultados de búsqueda de plugins. Pero esta es una excelente opción por su tamaño ligero y su cuidadosa elección en plugins jQuery.

Crazy Lazy utiliza uno de los dos plugins jQuery más populares: o el script Unveil.js para temas más dinámicos o el Lazyload.js para temas más pequeños.

Te da control total sobre el CSS y puedes diseñar imágenes predeterminadas para que aparezcan como quieras (antes de cargarlas). Además, puede añadir el atributo data-crazy-lazy a tu código para excluir ciertas imágenes del efecto de carga diferida.

Tal vez no sea el plugin más llamativo que puedas usar, pero es una opción inteligente con una base de códigos pequeña pero estable.

Ahora vamos a cargar todo diferido con Lazy Load!

De todas estas opciones tiene que haber algo aquí que te sirva para que tus imágenes carguen diferidas. Y con los plugins de WordPress puedes configurar cualquier cosa con un par de clics del ratón.

Siempre puedes probar algunos de estos plugins para ver cuál te gusta más. Y puede ejecutar pruebas de rendimiento en su servidor para ver qué plugins son realmente los más rápidos.

Publicidad

Síguenos en Facebook