Solución de problemas habituales al optimizar imágenes de LCP con Jetpack Boost

Si Jetpack Boost no optimiza como esperabas las imágenes del renderizado del mayor elemento con contenido (LCP), esta guía te ayuda a identificar problemas habituales y resolver los problemas detectados durante el análisis de LCP.

Ver los problemas de optimización de LCPMD

Si Jetpack Boost no puede optimizar una o varias páginas principales, se muestra el aviso LCP Problemas de optimización en la sección Imágenes.

Para revisar el problema:

1. Ve a Jetpack → Boost en el panel de administración.
2. En Optimiza tu velocidad, despliega la sección de Imágenes.
3. Busca LCP Problemas de optimización debajo de Optimiza las imágenes de LCP.
4. Selecciona el enlace «Ver detalles» para ver las páginas afectadas y el motivo por el que no se pudo optimizar cada una.

Páginas que no se están optimizandoMD

Comprobar la disponibilidad de la páginaMD

Confirma que Jetpack Boost puede acceder a las páginas que quieres optimizar:

• Asegúrate de que tus páginas importantes estén disponibles públicamente y no estén protegidas por contraseña.
• Comprueba que las páginas devuelvan una respuesta HTTP 2XX (no 404 ni errores del servidor).

Revisar la estructura de la páginaMD

La disposición de una página afecta a la fiabilidad con la que Boost puede detectar el elemento LCP:

• Las páginas con un único elemento visual claro y destacado funcionan mejor.
• Varias imágenes grandes que compitan entre sí pueden dificultar la detección de LCP.
• Las disposiciones muy complejas pueden requerir una optimización manual.

Los resultados de la optimización no son visiblesMD

Borrar las cachésMD

Las versiones almacenadas en caché de una página pueden ocultar las optimizaciones aplicadas por Boost. Borra cada caché por turnos:

• Borra la caché de páginas de tu sitio.
• Borra la caché de CDN si procede.
• Haz la prueba en una ventana privada o de incógnito del navegador.

Comprobar la implementaciónMD

En una página de referencia, consulta el código fuente de la página y busca los siguientes atributos:

• fetchpriority="high" en imágenes optimizadas.
• loading="eager" en lugar de la carga diferida.
• data-jp-lcp-optimized="true"

Solucionar problemas de optimización de LCPMD

Cuando Boost no puede optimizar una página, muestra una explicación debajo de LCP Problemas de optimización. Selecciona el enlace «Más información» de una página afectada para abrir la sección correspondiente de solución de problemas más abajo.

Error HTTPMD

Causa

Jetpack Boost encontró un error HTTP al intentar analizar la página.

Solución

Abre la página afectada en una ventana privada o de incógnito del navegador y asegúrate de que se carga correctamente. Después, vuelve a intentar la optimización.

La página tardó demasiado en cargarseMD

Causa

La página tardó demasiado en cargarse durante el análisis.

Solución

Abre la página afectada en una ventana privada o de incógnito del navegador y asegúrate de que se carga correctamente. Después, vuelve a intentar la optimización.

No se pudo identificar a tiempo el elemento principal de LCPMD

Causa

Jetpack Boost cargó la página correctamente, pero no pudo identificar el elemento principal de LCP dentro del límite de tiempo. Esto puede ocurrir con páginas de carga lenta o complejas.

Solución

Asegúrate de que la página muestre contenido visual estable que Boost pueda medir:

• Asegúrate de que la página tenga contenido visual que se cargue en un tiempo razonable.
• Comprueba si hay errores de JavaScript o estados de carga infinitos que impidan que el contenido se estabilice.
• Comprueba que la página no esté principalmente vacía, tenga demasiadas redirecciones ni esté compuesta por completo de contenido cargado dinámicamente.

Se encontraron varios elementos grandes similaresMD

Causa

Jetpack Boost encontró varios elementos grandes similares con el mismo selector y no pudo identificar cuál debía tratarse como el elemento principal de LCP.

Solución

Ayuda a Boost a identificar un único elemento dominante:

• Simplifica la disposición o asegúrate de que haya un elemento visual claramente dominante cerca de la parte superior de la página.
• Evita tener varias imágenes principales que compitan entre sí o varias secciones de fondo antes de que haya que desplazarse.

El elemento principal de LCP dejó de estar visibleMD

Causa

Jetpack Boost identificó un posible elemento de LCP, pero no permaneció visible el tiempo suficiente para analizarlo. Esto puede ocurrir con presentaciones de diapositivas, secciones animadas u otro contenido que cambia poco después de que se carga la página.

Solución

Mantén visible el elemento LCP el tiempo suficiente para que Boost pueda medirlo:

• Mantén visible el elemento principal/LCP durante al menos 3 segundos durante la carga inicial (por ejemplo, pausa o retrasa la reproducción o rotación automática).
• Configura el deslizador para que empiece con la diapositiva principal y retrasa la primera transición (3 segundos o más).
• Reduce al mínimo las animaciones de entrada intensivas que sustituyen inmediatamente el contenido principal.
• Si no puedes hacer estos cambios por tu cuenta (por ejemplo, porque utilizas un tema o un plugin de deslizador sin opciones de configuración):
  • Ponte en contacto con los autores del tema o del plugin de deslizador y pídeles que su carrusel respete prefers-reduced-motion: reduce (pausa o desactiva la reproducción automática y las transiciones cuando los usuarios prefieran reducir el movimiento).
  • Solicita una opción para desactivar o retrasar la reproducción automática durante la carga inicial, de modo que la diapositiva principal permanezca visible el tiempo suficiente para el análisis.

La página se redirigió durante el análisisMD

Causa

La página redirigió a otra URL durante el análisis, por lo que Jetpack Boost no pudo medir su LCP. Cuando la nube informa del destino de la redirección, Boost lo muestra como la URL final en el mensaje de error. Entre las causas habituales se incluyen las redirecciones canónicas, las redirecciones por barra final, las redirecciones de idioma o región y las redirecciones geográficas, además de las barreras de inicio de sesión.

Solución

Resuelve la redirección para que Boost analice una página que se cargue directamente. Elige una de las siguientes opciones:

• Elimina la URL de tus páginas de referencia.
• Dirige la entrada de las páginas de referencia a la URL de destino final.
• Elimina la redirección para que la página se cargue sin redirigir.

Se produjo un error durante la optimizaciónMD

Causa

Jetpack Boost no pudo determinar la causa del problema durante la optimización.

Solución

Espera unos minutos y vuelve a intentar la optimización.

Si el problema continúa, ponte en contacto con el servicio de soporte.

¿Aún necesitas ayuda?MD

Si aún necesitas ayuda, ponte en contacto con el servicio de asistencia. Estaremos encantados de asesorarte.