Añadir elementos visuales a tu sitio es una forma sencilla de hacer que tus páginas sean más atractivas. Puedes incluir banners de marketing, imágenes de productos, galerías o tutoriales en vídeo. Por desgracia, incluir muchos archivos puede ralentizar tu sitio y provocar un peor rendimiento.
La carga diferida es una excelente forma de aliviar la presión sobre tu servidor y, al mismo tiempo, aumentar la velocidad de carga de tu sitio web. Retrasa la representación de las imágenes para los visitantes hasta que se desplacen hacia abajo y estas lleguen a su posición en la pantalla. Y lo que es mejor, algunos plugins de carga diferida son gratuitos, fáciles de usar e incluyen funciones adicionales para optimizar sitios web.
En esta guía, analizaremos algunos de los mejores plugins de carga diferida para WordPress. Después, te mostraremos cómo elegir la herramienta ideal para tus necesidades.
Plugins de carga diferida para WordPress
¡Veamos siete de los mejores plugins de carga diferida para tu sitio web de WordPress!
1. Jetpack Boost
Nota: La función de carga diferida de Jetpack se ha retirado para adaptarse a los estándares web más recientes. Más información.
Jetpack Boost es un plugin de optimización todo en uno que aumenta la velocidad de carga general de tu sitio web. No solo tendrás una herramienta eficaz de carga diferida, sino que también podrás disfrutar de muchas otras funciones para mejorar el rendimiento de tu sitio web.
Además, Jetpack es una de las opciones más fáciles de usar para principiantes de esta lista. Con un panel limpio e intuitivo, no podría ser más fácil navegar por él.
Lo que realmente distingue a Jetpack Boost es que está diseñado específicamente para ayudarte a mejorar métricas como First Contentful Paint (FCP) y Largest Contentful Paint (LCP). Por lo tanto, usar Jetpack Boost puede ayudarte a mejorar tus Core Web Vitals, la experiencia de usuario y el posicionamiento en los motores de búsqueda.
Funciones principales de Jetpack Boost
- Informes sencillos con una puntuación de rendimiento instantánea en dispositivos móviles y de escritorio
- Un panel intuitivo y limpio para consultar tu rendimiento y ajustar la configuración
- Herramientas de optimización adicionales que generan CSS crítico, entre otras cosas
Ventajas de Jetpack Boost
- Proporciona información de SEO para mejorar tu posicionamiento en los motores de búsqueda y tus Core Web Vitals.
- Optimiza la carga de CSS y retrasa la ejecución de JavaScript no esencial.
- Puedes automatizar el CSS crítico con un plan premium.
- Está creado por Automattic —el equipo detrás de WordPress.com—, así que puedes confiar en que es fiable y compatible con la mayoría de los temas y plugins populares.
Desventajas de Jetpack Boost
- Aunque puedes optar por la CDN propia de Jetpack, no podrás usar una CDN de terceros como Cloudflare.
Facilidad de uso
Jetpack Boost es increíblemente fácil de configurar y mantener. Puedes instalar Jetpack Boost igual que cualquier otro plugin de WordPress. Después, solo tienes que ir a tu panel y activar cada una de las opciones individualmente.
Precio
Puedes acceder a muchas de sus funciones mediante el complemento gratuito: el plugin Jetpack Boost. Para usar la función automatizada de CSS crítico, tendrás que actualizar a un plan prémium a partir de 20 $ al mes.
2. Smush
Smush es un popular plugin de optimización de imágenes, con más de un millón de instalaciones activas. Además de la carga diferida en WordPress, Smush también ofrece herramientas de optimización, compresión y redimensionamiento de imágenes.
Al igual que Jetpack, Smush es muy fácil de usar. De hecho, una vez instalado, puedes ponerlo en marcha en tan solo unos segundos. Y lo que es mejor, Smush es compatible con muchos temas, plugins y navegadores, por lo que puedes seguir trabajando con normalidad.
Funciones principales de Smush
- Herramientas de optimización, compresión y redimensionamiento de imágenes
- Compresión automática de archivos mientras subes imágenes a WordPress
- Posibilidad de consultar todos los datos de las imágenes de Smush directamente en tus bloques de imágenes
Ventajas de Smush
- Puedes elegir optimizar las imágenes individualmente o en bloque (hasta 50 imágenes a la vez).
- Puedes limitar las ubicaciones de salida de elementos multimedia como widgets, áreas de contenido y miniaturas.
- Smush Pro incluye Smush CDN y conversión a WebP, y guarda copias de seguridad de tus imágenes originales.
Desventajas de Smush
- Smush omite las imágenes de más de 5 MB, lo que podría ser problemático para algunos sitios web, como los que tienen portafolios.
- Las opciones de compresión de la versión gratuita pueden resultar demasiado simples para algunos usuarios.
Facilidad de uso
Empezar a usar Smush es muy sencillo. Puedes activar las funciones con solo hacer clic en un botón. Esto pospone al instante la carga de las imágenes que están por debajo del pliegue. Solo tienes que ir a los ajustes del plugin, visitar la sección Lazy Loading correspondiente y hacer clic en Activar.
Precio
Puedes usar la versión gratuita del plugin u optar por Smush Pro, a partir de 7,50 $ al mes. Además, puedes probar primero la herramienta con una prueba gratuita de siete días.
3. Lazy Loader
Lazy Loader es un plugin sencillo y directo que hace exactamente lo que promete. Esta herramienta no incluye complicaciones ni funciones superfluas. En su lugar, puedes activar o desactivar fácilmente la carga diferida en determinados elementos y añadir una animación de carga al contenido.
Además, Lazy Loader puede aplicarse a muchos tipos de contenido, como vídeos, iframes, contenido de audio e imágenes, e incluso fondos, scripts y estilos de página. Por lo tanto, aunque no incluye funciones sofisticadas con las que experimentar, Lazy Loader es sin duda una herramienta sólida.
Funciones principales de Lazy Loader
- Posibilidad de cargar de forma diferida imágenes de fondo y scripts mediante modificaciones manuales
- Una casilla para activar o desactivar la carga diferida en entradas y páginas específicas
- Posibilidad de utilizar la función de carga diferida nativa de los navegadores para modificar iframes e imágenes
Ventajas de Lazy Loader
- Retrasa la carga de todo tipo de contenido, desde estilos de página hasta iframes y scripts.
- Puedes desactivar la carga diferida de imágenes con clases CSS específicas y añadir filtros para que el plugin los procese.
- Utiliza un elemento «noscript» como alternativa para JavaScript desactivado.
Desventajas de Lazy Loader
- Tendrás que modificar el marcado para utilizarlo con imágenes de fondo no insertadas mediante estilos en línea y con scripts.
Facilidad de uso
Lazy Loader requiere un poco más de conocimientos técnicos si piensas utilizarlo para imágenes de fondo que no se hayan insertado con estilos y scripts integrados. Sin embargo, para cualquier otro elemento, Lazy Loader es bastante fácil de configurar. En Ajustes → Medios, configura las opciones exactas que quieras y el plugin empezará a funcionar de inmediato.
Precio
Gratis.
4. Optimole
Optimole es un sistema basado en la nube y de servicio completo que ofrece carga diferida y redimensionamiento. También te permite optimizar y comprimir imágenes en WordPress. Además, puedes aprovechar el CDN de Optimole para entregar contenido más rápido.
Una característica exclusiva de Optimole es que reemplaza todas las URLs de imágenes por URLs basadas en la nube y las comprime sobre la marcha. Además, puedes disfrutar de funciones adicionales como optimización basada en el formato, recorte inteligente y marcas de agua.
La versión gratuita puede gestionar 5000 visitantes mensuales desde más de 200 ubicaciones. Pero si no es suficiente, siempre puedes actualizar a la versión Pro para admitir 50 000 visitantes al mes.
Funciones principales de Optimole
- Una CDN global sin coste adicional
- Compatibilidad completa con constructores de páginas
- Compatibilidad con bibliotecas de imágenes en la nube y con AVIF para reducir el tamaño de las imágenes
Ventajas de Optimole
- No afecta a los diseños, por lo que puedes mejorar la experiencia de usuario (UX).
- Optimole admite todos los tipos de imagen, incluidos WebP y retina.
- Optimiza en tiempo real según el dispositivo de cada visitante.
Desventajas de Optimole
- La carga diferida no es tan eficaz como la de otras herramientas (a veces la imagen se reemplaza momentáneamente por una imagen desenfocada).
- La opción Pro es más cara que las demás de esta lista.
Facilidad de uso
Optimole es un plugin totalmente automatizado. Por lo tanto, puedes «configurar y olvidarte» de los ajustes, y la herramienta funciona en segundo plano en tu sitio, con muy poco mantenimiento continuo. Además, puedes desinstalar Optimole con la misma facilidad y tu sitio quedará completamente intacto.
Precio
Existe una versión gratuita de la herramienta Optimole que es muy funcional. Como alternativa, puedes actualizar para admitir más tráfico, usar la herramienta en sitios ilimitados y acceder al soporte por correo electrónico. Los planes de pago empiezan en 19,08 $ al mes.
5. LazyLoad by WP Rocket
LazyLoad es un potente pero ligero plugin de carga diferida, con scripts que pesan menos de 10 KB. Decimos que es potente porque LazyLoad se encarga de todos los recursos de tu sitio, incluidos avatares, miniaturas, iframes, imágenes de fondo, vídeos de YouTube y mucho más.
Inyecta JavaScript en tu encabezado y retrasa las imágenes sin usar ninguna biblioteca de JavaScript como jQuery. Con menos solicitudes HTTP, LazyLoad ofrece otra forma de aumentar la velocidad y mejorar tu puntuación de LCP.
Funciones principales de LazyLoad
- Posibilidad de aplicar carga diferida a las imágenes del contenido de las entradas o del texto de los widgets
- Filtros que desactivan la carga diferida en algunas páginas
- Carga diferida automática (o manual) para imágenes de fondo
Ventajas de LazyLoad
- Se centra en objetivos específicos, como mejorar las métricas de PageSpeed Insights o aumentar las puntuaciones de Interaction to Next Paint.
- Utiliza un marcador de posición «transparente» para las imágenes (en lugar de desenfocarlas).
- Reemplaza los iframes de YouTube por una miniatura de vista previa.
Desventajas de LazyLoad
- Las reseñas afirman que LazyLoad puede alterar la posición de las imágenes, los diseños y otros elementos de diseño de tu sitio.
- No es el plugin más compatible con dispositivos móviles.
- Recibe actualizaciones con menos frecuencia que otros plugins de carga diferida.
Facilidad de uso
LazyLoad es fácil de instalar y configurar si te limitas a las opciones básicas. Pero, si quieres lograr un mayor control, como excluir determinadas páginas de la carga diferida, deberás editar manualmente el functions.php del sitio.
Precio
LazyLoad es un plugin gratuito de WP Rocket. Además, si ya tienes el plugin WP Rocket Cache, LazyLoad está incluido.
6. Lazy Load for Videos
Lazy Load for Videos es uno de los mejores plugins de carga diferida para sitios web con muchos vídeos, como portafolios o sitios con contenido incrustado de YouTube o Vimeo. Funciona sustituyendo cualquier vídeo incrustado por una vista previa de imagen en la que se puede hacer clic, lo que retrasa JavaScript.
Además, los vídeos de YouTube también se cargan en un modo mejorado de privacidad. También puedes disfrutar de muchas opciones de personalización, como ajustar el botón de reproducción u ocultar las sugerencias de vídeos relacionados cuando termina el vídeo.
Funciones principales de Lazy Load for Videos
- Sin dependencia de proveedores ni códigos cortos personalizados, por lo que tus vídeos seguirán funcionando si decides dejar de usar la herramienta
- Cumplimiento de GDPR, que te permite mostrar un aviso de privacidad sobre las imágenes de vista previa
- Un color personalizado para tu reproductor de Vimeo y la barra de progreso
Ventajas de Lazy Load for Videos
- Puedes configurar tus elementos incrustados para que se reproduzcan automáticamente si lo prefieres.
- Puedes ocultar las anotaciones y los controles de YouTube para crear un espacio limpio y ordenado.
- Incluye extras como anuncios pre-roll y post-roll que puedes aplicar a todos los vídeos.
Desventajas de Lazy Load for Videos
- Hay algunos problemas de compatibilidad con la extensión «Shortcode Embeds» de Jetpack, BuddyPress y el plugin YouTube Embed de WordPress.
Facilidad de uso
Al igual que otros plugins de esta lista, Lazy Load for Videos es muy fácil de instalar y gestionar. Además, es fácil activar y desactivar el plugin en cualquier momento.
Precio
Gratis.
7. a3 Lazy Load
Por último, a3 Lazy Load ofrece un servicio exclusivo de carga diferida. Es muy fácil de configurar, incluso para principiantes, y es compatible con dispositivos móviles.
Aunque el plugin permite que tus páginas carguen más rápido, también puedes activar o desactivar la opción para vídeos e iframes gracias a las amplias opciones de personalización de a3 Lazy Load. Mejor aún, puedes incluir o excluir elementos concretos e incluso añadir efectos de transición suaves, como fundidos y spinners.
Funciones principales de a3 Lazy Load
- Posibilidad de usar el plugin con sitios con mucho contenido (se ha probado con 1000 imágenes)
- Carga diferida para miniaturas, avatares, widgets, tipos de entrada personalizados y mucho más
- Compatibilidad total con elementos incrustados de WordPress
Ventajas de a3 Lazy Load
- Puedes añadir efectos de fundido y spinner a las imágenes que se están cargando.
- Puedes usar la función de activación/desactivación para incluir y excluir elementos.
- Es totalmente compatible con otros plugins útiles como WooCommerce, por lo que puedes integrarlo fácilmente con tu tienda online.
Desventajas de a3 Lazy Load
- Solo funciona con los archivos multimedia que se hayan añadido mediante las funciones principales de WordPress y no funcionará con ninguna función personalizada.
Facilidad de uso
a3 Lazy Load es muy fácil de configurar y personalizar para usuarios de cualquier nivel.
Precio
Hay una versión gratuita disponible o puedes pasarte a la versión premium. Los planes de pago empiezan en 24,99 $ al mes para usarlo en cinco sitios. Además, puedes probar a3 Lazy Load gratis durante 14 días y cancelar fácilmente la suscripción si decides no continuar.
Tabla comparativa de plugins de carga diferida
| Fácil de usar | Funciones adicionales de optimización de imágenes | Totalmente compatible con plugins populares | Versión gratuita disponible | |
| Jetpack Boost | Sí | Sí | Sí | Sí |
| Smush | Sí | Sí | Sí | Sí |
| Lazy Loader | Sí | No | Sí | Sí |
| Optimole | Sí | Sí | Sí | Sí |
| LazyLoad | Sí | No | Sí | Sí |
| Lazy Load for Videos | Sí | No | No | Sí |
| a3 Lazy Load | Sí | No | Sí | Sí |
Conclusión: ¿qué plugin de carga diferida debería elegir?
El mejor plugin de carga diferida depende de las necesidades de tu sitio web. Por ejemplo, si tienes muchas imágenes de alta calidad en tu sitio, quizá prefieras un plugin que ofrezca funciones de optimización de imágenes, como compresión y redimensionamiento.
Además, si la mayoría de tus archivos multimedia son vídeos o están en formato WebP, es importante encontrar un plugin con esta capacidad, ya que algunas herramientas solo funcionan con archivos JPEG/JPG y PNG.
Con Jetpack Boost, puedes marcar varias casillas de verificación. Aunque puedes disfrutar de funciones adicionales, como CSS crítico y el aplazamiento de JavaScript no esencial, Jetpack Boost no va a sobrecargar tu sitio con un montón de herramientas que no necesitas. En su lugar, estas funciones se utilizan para mejorar la entrega rápida de contenido junto con la carga diferida.
Aún mejor: no podrías pedir una herramienta más fácil de instalar y configurar. Una vez instalada en tu sitio, solo tienes que ir al escritorio, donde usarás interruptores para activar o desactivar cada ajuste. Después, Jetpack Boost funciona en segundo plano en tu sitio y requiere poco o ningún mantenimiento continuo.
Cómo elegir un plugin de carga diferida
Ahora que conoces los mejores plugins de carga diferida para WordPress, aquí tienes algunas formas de acotar la opción adecuada para tu sitio.
1. Asegúrate de que se adapta a tu nivel de conocimientos
Algunos usuarios pueden querer una herramienta más práctica, con muchas configuraciones de control y opciones de personalización. Pero para un principiante, todos estos ajustes pueden resultar intimidantes. Por eso es importante encontrar un plugin de carga diferida que se adapte a tu nivel de conocimientos.
Si no tienes mucha experiencia técnica, probablemente prefieras una herramienta fácil de instalar y que funcione automáticamente. Hay muchas opciones de «configurar y olvidar», así que no es necesario trastear con funciones complicadas ni realizar un mantenimiento continuo.
2. Comprueba las funciones adicionales
Si buscas un plugin de carga diferida, quizá solo quieras un método para retrasar la carga de las imágenes que aparecen más abajo del pliegue. Algunos de estos plugins, como LazyLoad y Lazy Loader, hacen exactamente lo que indican.
Sin embargo, en sitios web más complejos y con mucho contenido, puedes beneficiarte de herramientas que proporcionen funciones adicionales para mejorar la entrega de contenido. Por ejemplo, si tienes un portafolio, quizá quieras herramientas de optimización y compresión. Por su parte, los sitios web de fotografía podrían encontrar útil una función para añadir marcas de agua.
3. Averigua qué formatos y tamaños de imagen son compatibles
Normalmente, la mayoría de los plugins admiten formatos de imagen populares, como JPEG y PNG. Pero no todas las herramientas ofrecen carga diferida para imágenes animadas, como GIF, o para vídeos. Además, es posible que se ignoren algunos formatos de imagen más recientes, como WebP y Retina.
Por eso es importante asegurarte de que el plugin de carga diferida que elijas sea compatible con todos los tipos de archivo que pretendas utilizar en tu sitio web. Además, ten en cuenta que las versiones gratuitas de algunos plugins suelen ser mucho menos potentes. Por lo tanto, aunque un plugin de carga diferida gratuito pueda parecer la mejor opción a corto plazo, quizá no funcione con archivos multimedia grandes.
4. Asegúrate de que sea compatible con otros plugins de tu sitio web
Lo último que quieres es empezar a usar un plugin de carga diferida y descubrir que no es compatible con otros plugins esenciales para el funcionamiento de tu sitio. Por ejemplo, si tienes una tienda online, probablemente dependas de una plataforma como WooCommerce. Por su parte, los sitios de foros utilizan plugins especializados como bbPress para añadir funcionalidades.
Si el plugin no es compatible con otro software que hayas instalado, corres el riesgo de dañar tu sitio. Por lo tanto, es fundamental prestar mucha atención a las integraciones y la compatibilidad de la herramienta que prefieras. Un buen ejemplo es el plugin Lazy Load for Videos, que no funciona con una extensión específica de Jetpack.
En general, Jetpack Boost, ya que está desarrollado por las personas responsables de WordPress.com, funcionará de forma fiable con la mayoría de los temas y plugins.
Cuándo no utilizar la carga diferida
Evita aplicar la carga diferida a contenido multimedia fundamental situado en la parte superior de la página, como:
- Logotipos de la cabecera
- Imágenes principales
- Iconos de navegación principal
- Cualquier imagen que sea el contenido principal que los usuarios vean al cargar la página
La carga diferida es más eficaz para el contenido multimedia situado más abajo del pliegue. Si se utiliza incorrectamente, puede retrasar el LCP o provocar cambios de diseño (CLS).
Preguntas frecuentes
Ahora que sabes cómo elegir el mejor plugin de carga diferida para tu sitio, estas son algunas de las preguntas más frecuentes sobre la carga diferida.
¿Qué hace que un plugin de carga diferida sea bueno?
Un buen plugin de carga diferida puede retrasar la carga de las imágenes que aparecen más abajo del pliegue. Esto acelera la entrega del contenido que tus usuarios pueden ver de inmediato. Aunque esta es la función predeterminada, también puedes encontrar plugins de carga diferida que ofrecen funciones adicionales, como herramientas de optimización, compresión y redimensionamiento de imágenes.
Además, los mejores plugins de carga diferida están automatizados, son fáciles de usar y compatibles con plugins populares como WooCommerce. También es fundamental encontrar una herramienta que no perjudique tu UX ni ajuste la calidad de imagen de forma demasiado visible, ya que esto puede resultar frustrante para tus visitantes.
¿Cuánto cuesta un plugin de carga diferida en WordPress?
Hay muchos plugins gratuitos de carga diferida para WordPress. Sin embargo, muchos proveedores también ofrecen una opción de pago que puede incluir funciones adicionales o admitir archivos de mayor tamaño. Es importante tener en cuenta que algunas herramientas gratuitas pueden ser muy limitadas.
Por eso Jetpack Boost es una excelente opción. Hay una versión completamente gratuita muy fácil de configurar. Una vez que la hayas configurado en WordPress, puedes cargar las imágenes de forma diferida, aplazar el JavaScript no esencial, y optimizar el CSS crítico. Estos ajustes te permiten acelerar la entrega de contenido sin gastar un centavo.
¿Es fácil configurar un plugin de carga diferida en WordPress?
Los plugins de carga diferida varían en cuanto a su facilidad de uso. Encontrarás herramientas más complejas que requieren un enfoque más práctico y configuración. Pero también puedes optar por plugins de carga diferida sencillos, fáciles de instalar y usar.
Una de las mejores características de Jetpack Boost es que puedes configurarlo con solo unos clics. Después, usa interruptores para activar o desactivar funciones individuales. Además, puedes desactivar el plugin en cualquier momento sin dañar tu sitio.
¿Qué otras funciones puedo obtener con un plugin de carga diferida?
Puedes encontrar plugins de carga diferida que ofrecen un servicio optimizado. Pero si quieres acceder a funciones adicionales, vale la pena elegir una herramienta que ofrezca otras funciones para mejorar el rendimiento de tu sitio.
Jetpack Boost es un excelente plugin de carga diferida porque el servicio de carga diferida es sencillo, pero potente. Y lo que es mejor, puedes posponer el JavaScript no esencial, optimizar el CSS crítico y, con los planes de pago, incluso automatizar el CSS crítico. También puedes combinar Jetpack Boost con el CDN de Jetpack para optimizar y estabilizar aún más el rendimiento de tu web.
Mejora el rendimiento de tu sitio con un plugin de carga diferida
Aunque añadir imágenes es una excelente forma de mejorar tu sitio, demasiadas fotos pueden afectar a tu UX con tiempos de carga lentos. Por suerte, con el plugin de carga diferida adecuado, puedes ofrecer contenido más rápido y mantener tu sitio funcionando sin problemas.
En resumen, estos son algunos de los mejores plugins de carga diferida para WordPress:
- Jetpack Boost: Un plugin fácil de usar con funciones adicionales para optimizar la velocidad.
- Smush: Un popular plugin de optimización de imágenes con herramientas de compresión y cambio de tamaño.
- Lazy Loader: Una forma sencilla y sin complicaciones de aplicar la carga diferida a tus imágenes.
- Optimole: Un sistema integral basado en la nube que incluye un CDN.
- Lazy Load by WP Rocket: Un plugin ligero pero potente que te ayuda a alcanzar objetivos específicos.
- Lazy Load for Videos: La mejor opción para la carga diferida de vídeos, con muchas herramientas de personalización.
- A3 Lazy Load: Un plugin fácil de usar dedicado exclusivamente a la carga diferida.
En general, usar Jetpack Boost es la mejor opción para implementar la carga diferida en tu sitio. Además, con muchas funciones adicionales, puedes optimizar todo el rendimiento de tu web. Empieza a usar Jetpack Boost hoy!
Jetpack 