Antes de comprimir todas las imágenes de una página, averigua qué elemento identifica el informe como candidato a Largest Contentful Paint, o LCP. Puede ser la fotografía grande que imaginabas, pero también un bloque de texto. La composición móvil puede señalar un elemento diferente al de escritorio, así que conserva el tamaño de pantalla en tus notas.
No basta con preguntar cuándo apareció ese elemento. Conviene entender qué tuvo que suceder antes. El navegador pudo esperar el documento, descubrir tarde una imagen, tardar en descargarla o retrasar su presentación después de recibir el archivo. Reducir el peso de una foto solo aborda una parte de esa secuencia posible.
Sigue un elemento durante la carga
Abre los detalles del informe y localiza el elemento en la página pública. Si es la foto inicial, revisa su solicitud en las herramientas de red del navegador. ¿Comenzó pronto o después de ejecutar un script? ¿El archivo entregado corresponde al tamaño visible? ¿Un carrusel o una animación de entrada mantiene oculta la imagen aunque ya esté disponible?
Imagina una imagen principal pequeña que se carga mediante un carrusel. Comprimirla un poco más puede aportar poco si el navegador no conoce su dirección hasta que se inicia ese componente. Probar una presentación estática más sencilla tendría sentido. El motivo sería el descubrimiento tardío de la foto útil, no una prohibición general de todos los carruseles.
Si el informe identifica texto, revisa qué condiciones permiten mostrarlo. Las fuentes, los estilos y los scripts pueden influir en ese momento. Incluye el resultado visible en la prueba: un título que aparece antes pero pierde caracteres, se desplaza demasiado o deja de leerse no representa una mejora terminada.
Leer el diagrama como texto
- Primera respuesta: La entrega del documento influye en cuánto tarda en aparecer la imagen.
- Descubrimiento de la imagen: Un script o componente oculto puede retrasar el inicio de la solicitud.
- Transferencia de la imagen: Comprueba si sus dimensiones y peso corresponden al tamaño visible.
- Presentación final: El archivo puede estar listo y seguir oculto por estilos o una animación.
Reducir el peso solo resuelve una posible parte de la demora.
Repite la prueba con la misma composición
Realiza el experimento en una copia cuando implique cambiar el tema o un ajuste de optimización. Repite el tamaño de pantalla y el perfil originales, y después revisa otra página que comparta la plantilla. Una modificación común puede beneficiar a varias páginas, pero el recurso más importante no tiene por qué ser el mismo en todas.
Guarda el informe anterior y una explicación breve del cambio. Evita acumular reglas de precarga solo porque una herramienta mencione prioridades: poner varios recursos a competir puede crear otros compromisos. Si la solución requiere código que no dominas, identificar el elemento y el momento de su solicitud ofrece a un desarrollador un punto de partida mucho mejor que la puntuación general.
