La carga diferida acelera las páginas porque no descarga imágenes que el usuario aún no ve. Mal aplicada, retrasa la imagen principal o impide que el buscador la encuentre. La clave es saber a qué imágenes aplicarla y cómo comprobar que siguen siendo accesibles.
Qué diferir y qué no
| Imagen | Recomendación |
|---|---|
| Principal o primera pantalla | Cargar de inmediato; diferirla perjudica la métrica de contenido principal |
| Debajo del pliegue | Carga diferida |
| Imágenes en carruseles | Diferir las que no se ven al inicio |
| Imágenes de fondo en CSS | Evaluar caso a caso; no siempre son indexables |
La métrica relacionada se explica en Core Web Vitals y en la guía de mejorar el LCP en WordPress.
Formas seguras de aplicarla
- Usar el atributo nativo del navegador en la etiqueta de la imagen.
- Mantener la URL real de la imagen en el HTML, no solo en un script.
- Definir ancho y alto para evitar saltos de diseño.
- Evitar soluciones que cargan solo tras una interacción que el buscador no realiza.
- Incluir texto alternativo descriptivo.
Google recomienda prácticas concretas en su guía de imágenes.
Cuando una página tiene galerías o catálogos largos, equilibra velocidad y descubrimiento. Si las imágenes de producto son importantes para búsquedas visuales, verifica que cada una tiene su URL accesible y un texto alternativo claro. Evita paginar las galerías con scripts que oculten contenido al buscador. Una solución robusta consiste en que cada imagen relevante esté en el HTML, aunque se cargue más tarde.
Formatos y tamaños
Sirve imágenes en formatos modernos cuando el navegador lo soporte y ajusta las dimensiones al espacio real de la página. Una fotografía enorme reducida por CSS desperdicia ancho de banda. Los complementos de optimización pueden automatizar la conversión, pero revisa que no rompan el HTML ni generen duplicados. Más detalles en optimizar imágenes en WordPress.
Cómo verificar
Inspecciona la URL en Search Console y revisa el HTML renderizado para confirmar que las imágenes importantes aparecen. Comprueba en la pestaña de red del navegador cuándo se descarga cada imagen y en el informe de rendimiento si la principal compite con otros recursos. Si usas una CDN o un complemento de caché, repite la prueba después de activarlos, porque pueden alterar el comportamiento de carga.
Incluye esta revisión en la lista de verificación de lanzamientos y de cambios de tema. Muchos temas y constructores activan carga diferida de forma automática y a veces la aplican también a la imagen principal. Una prueba rápida con el navegador y con la inspección de URL evita meses de rendimiento reducido. Anota la configuración utilizada, para que futuros cambios puedan compararse con un punto de referencia.
En resumen
- Qué diferir y qué no: La métrica relacionada se explica en Core Web Vitals y en la guía de mejorar el LCP en WordPress .
- Formas seguras de aplicarla: Google recomienda prácticas concretas en su guía de imágenes .
- Formatos y tamaños: Sirve imágenes en formatos modernos cuando el navegador lo soporte y ajusta las dimensiones al espacio real de la página.
- Cómo verificar: Inspecciona la URL en Search Console y revisa el HTML renderizado para confirmar que las imágenes importantes aparecen.
Preguntas frecuentes
¿La carga diferida afecta al posicionamiento de imágenes?
No si la imagen está en el HTML y es accesible; sí si solo se carga con interacciones que el buscador no hace.
¿Cuándo no conviene?
En la imagen principal y en las visibles al cargar la página.
¿Las miniaturas cuentan?
Sí; revisa que la imagen en tamaño completo también esté disponible.