Largest Contentful Paint (LCP): Una métrica importante para el SEO de tu web

En un articulo anterior te presentamos los que el Largest Contentful Paint, una de las core web vitals importantes para tener en cuenta si quieres que tu sitio web tenga una buena relación con los motores de búsqueda.

Esta métrica es el resultado del tiempo que tarda un bloque de texto o una imagen en ser visible dentro de la ventana gráfica del navegador.

Estos son los elementos que se deben optimizar en una web para que esta métrica sea positiva:

  • Imágenes (elemento <img>)
  • Imágenes dentro de gráficos vectoriales (una <image> incrustada en un <svg>)
  • Miniaturas de vídeo (un atributo de póster establecido en una URL de imagen dentro de un elemento <video>)
  • Elementos con imágenes de fondo (normalmente cargados con la propiedad CSS background-image url().
  • Elementos a nivel de bloque que contienen texto

Son buenas las páginas cuya carga se completa en los primeros 2,5 segundos, y si superan los 4,0 segundos entonces se consideran malas.

Causas de las puntuaciones bajas de Largest Contentful Paint

Las puntuaciones bajas en esta métrica se originan debido a páginas de carga lenta que obstaculizan la aparición rápida del bloque más grande.

Esto se causa por:

  • La respuesta lenta del servidor puede porque se sobrecarga o trabaja mucho para la renderización de una página.
  • Los alojamientos compartidos pueden limitar al servidor y originar respuestas lentas.
  • También se causa si el CSS y el JavaScript que bloquean la renderización retrasan la carga de la página si están referenciados en el HTML por encima del contenido principal.
  • Imágenes y los vídeos de gran tamaño pueden reducir el ancho de banda disponible y tardar más tiempo en renderizarse.

Cómo puedes mejorar las puntuaciones

En Inmedia Labs podemos realizar una auditoria de tu sitio para determinar cómo mejorar los problemas de carga y reducir así la cantidad de datos enviados al navegador.

A continuación una lista de consejos:

  • Actualiza tu servidor y/o servicio de alojamiento.
  • Asegúrate de que la velocidad de descarga siga siendo rápida incluso en momentos de alto uso.
  • Activa la compresión del servidor y HTTP/2+.
  • Elimina el código y los plugins de CMS que no se utilicen y habilita un almacenamiento en caché eficaz.
  • Asegúrate de que el navegador puede almacenar los archivos en caché de forma eficaz.
  • Utiliza una red de distribución de contenidos (CDN) para dividir la carga y alojar los activos en servidores geográficamente más cercanos a los usuarios.
  • Optimiza tus imágenes. Redúcelas a sus dimensiones más pequeñas y utilice un formato adecuado para minimizar el tamaño de los archivos.
  • Reduce al mínimo las solicitudes de terceros y considera la posibilidad de trasladar los activos a tu dominio principal para evitar búsquedas de DNS extrañas.
  • Minimiza el número y el tamaño de los archivos solicitados, especialmente en la parte superior de su HTML.
  • Eliminar los archivos JavaScript y CSS que no se utilizan.

Ten en cuenta estos consejos y podrás lograr que esta métrica sea positiva, de esa forma tendrás un mejor relacionamiento con los motores de búsqueda y mayor posicionamiento en los resultados de búsqueda de tus clientes potenciales.

Related posts

¿Que opinas sobre esto?