Le rucher La reine des Vosges

El LCP (Largest Contentful Paint) es una de las Cores Web Vitals tenidas en cuenta en el algoritmo de Google.
Corresponde al tiempo requerido antes de la visualización del elemento más grande de la página sin scroll.

Desarrollo de la intervención :

Tras el análisis realizado por Google Search Console, se detectó un problema de puntuación LCP en las pajinas del blog y, en particular, sobre la imagen principal, es decir, el elemento más grande que se muestra sin scroll.

Varias acciones fueron necesarias para reducir este tiempo de carga:

• Elimina la carga diferida (lazy loading). Todas las imágenes visibles sin scroll deben tener una visualización instantánea.
• Cambiar el tamaño de la imagen: la imagen mostrada era más pequeña que el archivo asociado. El peso estaba aumentado, y esto implica un cálculo de cambio de tamaño para el navegador.
• Precarga: Técnica que consiste en priorizar la carga de un elemento de la página antes de mostrar su renderizado.
• Esta última acción finalmente no fue suficiente. Pudimos ofrecer una alternativa con codificación base64.
• Codificación de la imagen en base64: la imagen está directamente en el html, lo que permite que el navegador la muestre instantáneamente, sin descargar un archivo de imagen.

La nota LCP ha pasado así de 2,3 a 1,4 segundos, lo que es una reducción de casi un 40% sobre este indicador, que debe ser lo más pequeño posible.

Los puntos fuertes de un LCP optimizado:

• Carga visual más rápida
• Una experiencia de usuario optimizada
• Posicionarse más alto en los resultados de búsqueda de Google