Largest Contentful Paint es un término empleado por Google para medir el tiempo que una web tarda en cargar todo su contenido visible en pantalla, sin hacer scroll.
Por ejemplo, si un usuario abre la web de una tienda online, el Largest Contentful Paint sería el tiempo tras el cual aparecen todos los elementos necesarios para empezar la navegación. Entre estos elementos, Google considera:
Por tanto, Largest Contentful Paint es una métrica que cualquier negocio debe tener muy en cuenta al mantener su web de ecommerce, ya que al ser un término acuñado por Google significa que influirá mucho en tu posicionamiento y aparición en resultados de búsqueda.
El Largest Contentful Paint está muy vinculado a la velocidad de carga de una web, que es un aspecto crítico para Google a la hora de valorar y posicionar las páginas web. También es clave en la experiencia de usuario, ya que una carga rápida y un óptimo significa que el comprador puede iniciar su consulta de una página de forma ágil y sin perderse ningún elemento.
Ahora bien, ¿cómo saber si el estado del Largest Contentful Paint de tu web es correcto?
El tiempo máximo ideal de carga de cualquier página es de 2,5 segundos. Si es menos tiempo, estarás en territorio seguro. Por encima de los 4 segundos de carga, es hora de aplicar soluciones de urgencia.
Para medir el estado del Largest Contentful Paint de tu web lo mejor es recurrir a herramientas que analizan el rendimiento de cualquier página, desde el Search Console de Google o plugins oficiales de Chrome como DevTools hasta otros software que realizan pruebas y elaboran informes como Lighthouse.
Las imágenes de una web suelen ser el principal problema de velocidad de carga, y más en ecommerce, donde las fotos de catálogo son clave tanto en banners publicitarios como en fichas de producto.
Optimizar estos archivos implica comprimir al máximo las imágenes, empleando siempre los formatos más recomendados, como JPEG, PNG o WebP. También es recomendable evitar que estos elementos estén vinculados a JavaScript o CSS, ya que suelen bloquear y ralentizar elementos web.
Como alternativa a alojar y comprimir cientos de imágenes, una solución que agiliza la velocidad de una web y por tanto el Largest Contentful Paint es almacenar los archivos más pesados de tu web en un servidor externo o Content Delivery Network (CDN). De este modo, puedes conectarlo directamente a tu web sin tener que sobrecargar el hosting que empleas para ella.
Y esto lleva al tercer punto de optimización.
Lo más importante para obtener un funcionamiento ágil en cualquier web es que las respuestas del servidor sean lo más rápidas posible. Al emplear un hosting de baja capacidad o hosting compartido, la actividad en tu web se puede ver afectada y sufrir períodos de ralentización de carga, en especial si de repente recibes más tráfico de lo habitual o un cambio en el diseño web necesita mostrar más elementos.
Estas tres buenas prácticas para optimizar tu Largest Contentful Paint no son aisladas: debes implementarlas como parte de la rutina y monitorizar la velocidad de carga de tu web de forma constante. El Largest Contentful Paint puede volver a oscilar en cualquier momento, y más con los cambios habituales que se producen en webs de ecommerce, con nuevos banners y fotos de producto que se actualizan cada poco tiempo.