Una de las métricas más relevantes para conocer la experiencia del usuario en una página es Largest Contentful Paint. También se conoce como LCP. Y además de ser importante para evaluar la experiencia del usuario también lo es para SEO.
¿Sabes qué es y qué mide? Vamos a ver su relevancia y cómo optimizarlo para beneficio de tu web.
¿Qué es Largest Contentful Paint?
Largest Contentful Paint es una métrica del Google Core Web Vitals muy relevante para toda web. Mide el tiempo de carga que un sitio web tarda en mostrar al usuario el contenido más grande que tiene en la pantalla completo al 100% y listo para que el usuario interactúe con él.
Según la definición que da sobre esta métrica el propio Google, esta métrica solo tiene en cuenta el contenido que se muestra en la parte superior de la página. Concretamente, la parte que se muestra en pantalla sin que el usuario se desplace por la misma.
Además, Largest Contentful Paint no mide el tiempo de carga de cualquier contenido. Solo tiene en cuenta el que es realmente relevante para la experiencia del usuario.
¿Y qué contenido es ese? Imágenes y etiquetas de imagen, miniaturas de vídeo, subtítulos o encabezados, párrafos, listas y otros elementos de textos e imágenes de fondo con CSS.
Cómo medir Largest Contentful Paint
Medir el Largest Contentful Paint se puede hacer de dos formas:
- Directamente en el sitio web. Para ello puedes utilizar herramientas como Chrome User Experience Report, PageSpeed Insights o Search Console perteneciente a Core Web Vitals report. En todas ellas está disponible LCP.
- Mediante simulaciones de rendimiento ejecutadas por algoritmos. Para ello puedes usar herramientas como Chrome DevTools, Lighthouse o WebPageTest, que disponen y permiten el uso de LCP.
Todas estas herramientas, además, permiten un seguimiento continuo de los resultados comprobando la puntuación de Largest Contentful Paint. Aunque no las hayas utilizado antes, su uso es sencillo e intuitivo.
No obstante, siempre es recomendable aprender un poco más sobre ella. Para que sea realmente provechoso utilizarla. Por eso vamos a ver otras cuestiones de interés para su adecuado uso y para sacarle el máximo partido.
¿Qué se considera una buena puntuación en LCP?
Como seguro que ya imaginas, no basta con mirar la métrica. Hay que entenderla. Y para ello debes conocer qué puntuación en Largest Contentful Paint es «buena» o «mala».
- 2,5 segundos o menos se considera positivo. Un buen resultado.
- Entre 2,5 segundos y 4 segundos se considera que necesita mejorar.
- Por encima de 4 se considera pobre, un mal resultado.
Algunas herramientas como web.deb tienen medidores en color muy prácticos. Estos muestran de manera fácilmente comprensible de un solo vistazo si se trata de una buena o mala puntuación.
Es conveniente hacer un seguimiento de los resultados en el tiempo. Incluso si los resultados son buenos. Es la forma de comprobar que el tiempo de carga continúa situándose por debajo de los 2,5 segundos.
Además, de esta forma podrás estar alerta ante cualquier variación que supere ese umbral. Y así tratar de averiguar los motivos por los que ha aumentado el tiempo de carga.
¿Cuál es la forma más inteligente de afrontar el uso de LCP para mejorar la experiencia del usuario y para el SEO? La medición continuada de la puntuación con la implementación de medidas para mejorarla. Es esencial para mantener buenos resultados a lo largo del tiempo.
Cómo optimizar Largest Contentful Paint
Optimizar el Largest Contentful Paint es clave para mejorar la experiencia del usuario.
Además, ya sabrás que el tiempo de carga es uno de los factores relevantes para el SEO de una web. Y, a su vez, una buena experiencia de usuario hace que permanezca más tiempo en la página lo que supone una mejora para el SEO. Google lo tendrá en cuenta.
Si tienes una página web te interesa tanto mejorar el SEO como la experiencia del usuario. Así que es evidente que optimizar LCP es beneficioso para tu site.
Pero, ¿cómo hacerlo? ¿Qué medidas puedes tomar para agilizar la velocidad de carga y obtener una mejor puntuación LCP?
Vamos a ver las más relevantes.
- Optimiza el tamaño de tus imágenes. Por comodidad o falta de tiempo, es un error común no hacerlo. Pero es esencial para el tiempo de carga web. Son los elementos más pesados de la web y es precioso optimizarlos. Comprueba las dimensiones aconsejadas para evitar ralentizar la carga de la web. Comprime las imágenes para acelerar su velocidad de carga. Hay herramientas muy sencillas de utilizar con las que puedes hacerlo fácilmente.
- Usa el formato correcto de imagen. ¿JPG o PNG? JPG se utiliza para fotografías. PNG se utiliza para imágenes con fondos transparentes.
- Usa un servicio de CDN para imágenes. Una red CDN está formada por un grupo de servidores repartidos en distintas zonas geográficas de modo que acerca el contenido al usuario. Y así la entrega del contenido web es más rápida. Pero uno de estos servidores, además, adecuará las imágenes para una velocidad de carga mayor.
- Optimiza el servidor de tu sitio web. Evita la carga con JavaScript y prefiere la carga con navegador.
- Elige un buen hosting para tu web. No siempre se le da la importancia que tiene, pero es un factor muy relevante en la velocidad de carga de una web. Debe disponer de una infraestructura adecuada para el tamaño y el volumen de accesos que tu site necesita. Además, si usas un sitio web compartido la mejor decisión es pasarte a un servidor dedicado.
- Comprueba qué fuentes utilizas. El uso de fuentes llamadas desde el archivo principal CSS desde recursos externos sin una especificación de carga es un factor que afecta muy negativamente a la velocidad de carga web.
- Utiliza un buen plugin para el almacenamiento en caché de los activos necesarios para la página web. Así se acelerará su velocidad de carga.
Todas las medidas que implementes para mejorar la puntuación de Largest Contentful Paint te reportarán beneficios para el SEO. Y mejorarás la experiencia de usuario de quienes visitan tu sitio web. Si necesitas ayuda, en Inboost Marketing contamos con un equipo profesional especializado en mejorar las métricas de tu web.
