Core Web Vitals: ¿Qué es el Largest Contentful Paint (LCP)?

Entender sobre Core Web Vitals que ayudará a optimizar la performance de tu medio digital. Hoy te contamos sobre el Largest Contentful Paint. Haz clic.

Ya hablamos sobre qué son las Core Web Vitals y desarrollamos sobre First Input Delay. Por eso ahora, para seguir profundizando sobre el tema, vamos a abordar las Largest Contentful Paint (LCP); y su relación con los medios digitales.

Otra de las aristas que utiliza Google con sus CWV, es la LCP, que también está centrada en los tiempos de carga de una web y necesita ser controlada.

Desarrollemos sobre esta métrica y sobre cómo Thinkindot® CMS está trabajando con ellas.

¿Qué es el Largest Contentful Paint (LCP)?

Podríamos definir a la LCP como: “la métrica que informa el tiempo de procesamiento de la imagen o el bloque de texto más grande visible dentro de la ventana gráfica, en relación con el momento en que la página comenzó a cargarse”.

Core Web Vitals en Thinkindot
Entiende todo sobre Core Web Vitals y optimiza la performance de tu medio digital.

Entiende todo sobre Core Web Vitals y optimiza la performance de tu medio digital.

¿Cuál es una buena LCP? Se estima que el usuario tendrá una buena experiencia cuando los sitios se esfuercen por tener la LCP de 2,5 segundos o menos.

Para asegurarte de que estás alcanzando este objetivo para la mayoría de tus usuarios, un buen umbral para medir es el percentil 75 de cargas de página, segmentado en dispositivos móviles y de escritorio.

Los elementos que se tienen en cuenta son:

  • <img> elementos
  • <image> elementos dentro de un <svg> elemento
  • <video> elementos (se utiliza la imagen del cartel)
  • Un elemento con una imagen de fondo cargada a través de la url() función (a diferencia de un degradado CSS)
  • Elementos a nivel de bloque que contienen nodos de texto u otros elementos secundarios de texto a nivel de línea.

¿Cuál es la imagen o bloque que se tendrá en cuenta? Sería el contenido más grande visible en la pantalla del usuario (ya sea monitor de notebook o escritorio, tablet, o teléfonos móviles).

Si el elemento se extiende por fuera de la pantalla, o si alguno de los elementos está recortado, o tiene un desbordamiento no visible; esas porciones no cuentan para el tamaño del elemento.

¿Por qué debería prestar atención al LCP en mi periódico digital?

Como todas las métricas de los Core Web Vitals, el LCP o Largest Contentful Paint es importante por dos motivos: el primero es que esta métrica marca fácilmente que tipo de experiencia tiene el usuario con el sitio web (cuanto más rápido mostremos el contenido cuando carga, mejor), y el segundo motivo es que Google tomará esta métrica, y la analizará comparando con otros sitios para decidir qué posicionamiento jerárquico le da a los artículos.

Thinkindot® CMS está optimizado para CWV: Trabajamos para que todas las notas se logren visualizar en menos de un segundo. Para eso hemos implementado algunas de las siguientes técnicas:

  • Optimización AMP
  • Lazy Load de Imágenes
  • Carga de componentes on-demand: Es decir la página se va armando a medida que el usuario hace foco en el bloque.

Si estás interesado en averiguar más sobre cómo Thinkindot® CMS está optimizado para CWV y sus métricas, te invitamos a contactarte con el equipo de Dos al Cubo, y programar una demostración de producto.

Embed

Los invitamos a ponerse en contacto con nuestro equipo de profesionales para obtener una asesoría en el uso de un CMS especialista en medios digitales y cómo Thinkindot®️ CMS puede mejorar tu web.

Los invitamos a ponerse en contacto con nuestro equipo de profesionales para obtener una asesoría en el uso de un CMS especialista en medios digitales y cómo Thinkindot®️ CMS puede mejorar tu web.

Arévalo 1361 - Palermo Hollywood
Buenos Aires, Argentina