Probador y Analizador de LCP Gratis

Prueba y analiza tu puntuación de Largest Contentful Paint (LCP). Mide el LCP de esta página en tiempo real o introduce un valor de PageSpeed Insights para obtener una valoración y consejos.

Actualizado

Share:
Home/SEO Tools/LCP Tester

LCP Tester

Measure and optimize Largest Contentful Paint (LCP) to improve page load performance and Core Web Vitals.

LCP Score Analyzer

From PageSpeed Insights, Lighthouse, or DevTools

LCP Thresholds

Good

< 2.5s

Needs Improvement

2.5s – 4.0s

Poor

> 4.0s

How to Improve LCP

Optimize hero images

Compress above-fold images and use modern formats (WebP/AVIF). Add width/height attributes.

Preload critical resources

Use <link rel="preload"> for your largest contentful image or font to start loading earlier.

Reduce server response time

Aim for TTFB under 600ms. Use caching, CDN, and optimize server-side processing.

Remove render-blocking resources

Defer non-critical CSS and JavaScript to avoid blocking the main thread.

Avoid lazy-loading above-fold images

Don't apply loading="lazy" to the hero image — it delays LCP.

Use a CDN

Serve assets from a CDN geographically close to your users to reduce latency.

LCP is one of Google's Core Web Vitals and directly impacts your search rankings. Measure it with PageSpeed Insights, Chrome DevTools Performance panel, or Lighthouse.

Preguntas Frecuentes

¿Qué es LCP?

Largest Contentful Paint mide cuánto tarda en cargarse el elemento visible más grande (normalmente una imagen principal o un encabezado).

¿Qué es una buena puntuación de LCP?

Menos de 2,5 segundos es Bueno. De 2,5 a 4,0 s necesita mejorar. Más de 4,0 s es Deficiente.

¿Es gratis?

Sí, totalmente gratis.

¿Están seguros mis datos con esta herramienta?

Por supuesto. El LCP Tester & Analyzer procesa todo en el lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

¿Funciona el LCP Tester & Analyzer en dispositivos móviles?

Sí, el LCP Tester & Analyzer es totalmente adaptable y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

¿Necesito crear una cuenta para usar esta herramienta?

No se necesita ninguna cuenta ni registro. Simplemente abre el LCP Tester & Analyzer en tu navegador y empieza a usarlo de inmediato. No hay barreras de registro ni restricciones de uso.

¿Esta herramienta sigue las últimas directrices de Google?

Sí, el LCP Tester & Analyzer está creado siguiendo las directrices y mejores prácticas actuales de Google Search. Actualizamos la herramienta con regularidad para reflejar los cambios en los requisitos de los motores de búsqueda.

¿Cómo uso el LCP Tester & Analyzer?

Simplemente introduce tu entrada en el campo correspondiente, ajusta la configuración a tu gusto y la herramienta la procesará al instante. Después puedes copiar el resultado al portapapeles o descargarlo.

¿Qué navegadores son compatibles?

El LCP Tester & Analyzer funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

¿Por qué mi LCP es diferente en esta herramienta que en PageSpeed Insights?

Las dos cifras miden cosas distintas. Este tester lee el tiempo real de largest-contentful-paint directamente desde tu navegador usando la API PerformanceObserver, así que el resultado refleja tu dispositivo exacto, la velocidad de tu red y el estado de la caché en ese momento. PageSpeed Insights, en cambio, reporta dos cifras: una puntuación de laboratorio a partir de un dispositivo de gama media simulado, y datos de campo (CrUX) que muestran el percentil 75 del LCP de usuarios reales de Chrome durante los últimos 28 días. Tu portátil rápido con fibra casi siempre arrojará un LCP más bajo que la prueba de laboratorio limitada o el promedio real de campo. Eso es lo esperado, no un error. Usa la lectura del navegador como una comprobación rápida, pero considera la cifra de campo de PageSpeed como la puntuación sobre la que Google realmente actúa. Pega ese valor de campo en el analizador de aquí para obtener al instante una calificación de Bueno, Necesita mejora o Deficiente.

¿Qué elemento suele contarse como el Largest Contentful Paint?

El LCP registra el tiempo de renderizado del único elemento de contenido más grande visible en el viewport cuando la página carga por primera vez. En la práctica, ese elemento suele ser una imagen principal, una imagen de fondo definida en CSS, el fotograma de vista previa de un vídeo o un bloque grande de texto de encabezado o párrafo. El navegador va rastreando los candidatos a medida que la página se pinta y reporta el más grande, que puede cambiar conforme llegan más recursos. Los elementos que quedan por debajo del pliegue no cuentan, y tampoco cuentan las dimensiones de un elemento cuya imagen aún no ha cargado. Saber cuál es tu elemento de LCP te dice exactamente qué optimizar primero, ya que reducir el tiempo de ese único recurso mueve la puntuación directamente. Pasa esta página por el tester para ver un LCP real medido, y luego identifica el elemento principal equivalente en la página que quieres mejorar.

¿Cuál es la diferencia entre el LCP y el First Contentful Paint?

First Contentful Paint (FCP) marca el momento en que el navegador renderiza la primerísima pieza de contenido, ya sea texto, un icono o un color de fondo. Largest Contentful Paint marca cuándo termina de renderizarse el elemento visible más grande, algo que casi siempre ocurre después. El FCP te dice que la página ha empezado a aparecer; el LCP te dice que el contenido principal que el usuario buscaba ya está en pantalla. Por eso el LCP, y no el FCP, es una de las tres Core Web Vitals que Google utiliza en sus señales de experiencia de página. Un sitio puede mostrar un FCP rápido y aun así sentirse lento si una imagen principal pesada empuja el LCP más allá de los 2,5 segundos. Concentra tus ajustes en el elemento de LCP para tener impacto en el posicionamiento. Introduce tu valor de LCP desde PageSpeed Insights o DevTools en este analizador para comprobarlo frente al umbral oficial de 2,5 segundos de Google.

¿Cómo soluciono un LCP lento causado por una imagen principal?

Las imágenes principales son la causa más habitual de que el LCP supere los 2,5 segundos, y unos pocos cambios suelen solucionarlo. Comprime la imagen y sírvela en un formato moderno como WebP o AVIF para reducir su tamaño de archivo, y define atributos explícitos de ancho y alto para que el navegador pueda pintarla sin esperar. Nunca apliques loading="lazy" a la imagen principal visible sin desplazamiento, ya que eso retrasa intencionadamente el mismo elemento que mide el LCP. Añade un <link rel="preload"> para la imagen para que la descarga comience antes en el ciclo de vida de la página, y sírvela desde una CDN para acortar el trayecto hasta el usuario. Por último, mantén el TTFB de tu servidor por debajo de 600 ms con caché, porque un primer byte lento retrasa todos los demás recursos. El tester muestra estas soluciones exactas como consejos integrados. Prueba la página primero, aplica los cambios y vuelve a medir para confirmar que la cifra bajó.

¿Es precisa la medición de LCP en el navegador de esta herramienta?

Es precisa para lo que mide: el tiempo real de largest-contentful-paint de la página que estás viendo en ese momento, capturado directamente de las entradas de rendimiento de tu navegador en lugar de estimado. La salvedad es que refleja únicamente tus condiciones —el dispositivo en el que estás, tu conexión y si la página ya estaba en caché—, así que es una sola muestra, no una puntuación representativa. Google posiciona según el percentil 75 del LCP entre muchos visitantes reales, que puede diferir sustancialmente de tu única lectura. Así que confía en la cifra como una medición verdadera de tu propia sesión, pero no asumas que equivale a lo que experimenta la mayoría de los usuarios. Para obtener la cifra que Google realmente utiliza, extrae los datos de campo de PageSpeed Insights y pégalos en el analizador de aquí. Eso te da tanto una lectura local en vivo como una puntuación real evaluable, una junto a la otra.

Embed This Tool

Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.

Copy & paste this HTML
<iframe src="https://getthetoolbox.com/embed/lcp-tester" title="Free LCP Tester & Analyzer — The Toolbox" width="100%" height="220" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/seo-tools/lcp-tester?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free LCP Tester & Analyzer</a> by The Toolbox</p>

Acerca del Analizador y Test de LCP

El Analizador y Test de LCP es una herramienta gratuita para comprobar tu Largest Contentful Paint, una de las tres Core Web Vitals de Google. Funciona de dos maneras: mide en vivo, directamente en tu navegador, el LCP de la página en la que te encuentras, y también evalúa cualquier valor de LCP que pegues desde PageSpeed Insights, Lighthouse o Chrome DevTools. En ambos casos obtienes al instante un veredicto de Bueno / Necesita mejora / Deficiente según los umbrales oficiales de Google, además de consejos concretos para reducir la cifra.

Está pensado para desarrolladores web, especialistas en SEO y propietarios de sitios que necesitan saber rápidamente si la experiencia de carga de una página cumple con el estándar que Google utiliza para el posicionamiento. Sin cuenta, sin instalación, sin muro de registro.

Qué es el LCP y por qué importa esta cifra

Largest Contentful Paint registra el momento en que el elemento visible más grande dentro del viewport termina de renderizarse: normalmente una imagen principal, una imagen de fondo, el fotograma de vista previa de un vídeo o un bloque grande de texto de encabezado. Es la métrica individual que mejor se acerca a "la página ya se ve cargada para el usuario". Los umbrales de Google son fijos:

  • Bueno — menos de 2,5 segundos
  • Necesita mejora — entre 2,5 y 4,0 segundos
  • Deficiente — más de 4,0 segundos

Como el LCP forma parte de las Core Web Vitals, alimenta directamente las señales de experiencia de página que Google utiliza, y una puntuación deficiente perjudica tanto el posicionamiento como la probabilidad de que el visitante se quede. El tester aplica estos cortes exactos, de modo que una medición de 2800 ms cae en "Necesita mejora" y un resultado de 1900 ms se clasifica como "Bueno".

Cómo usar la herramienta

Al cargar la página, el analizador utiliza el PerformanceObserver integrado de tu navegador para capturar el tiempo de largest-contentful-paint de esta misma página y lo muestra en milisegundos con una calificación codificada por color. Así obtienes un ejemplo real de un LCP medido localmente.

Para comprobar otra página, pásala por PageSpeed Insights de Google —hay un campo de URL que abre un informe de PageSpeed para cualquier dirección que introduzcas— y luego copia la cifra de LCP en el cuadro "Enter LCP Time (ms)". El analizador califica cualquier valor que le proporciones, para que puedas comparar cifras de laboratorio, datos de campo o lecturas de DevTools sin tener que hacer tú mismo los cálculos de los umbrales.

Una nota sobre el alcance: la medición en el navegador refleja el dispositivo y la conexión desde los que estás probando, no un entorno de laboratorio controlado. Para la puntuación sobre la que Google realmente actúa, combina esta herramienta con los datos de campo de PageSpeed Insights (CrUX), que reportan el percentil 75 del LCP de usuarios reales de Chrome durante los últimos 28 días.

Cómo reducir un LCP lento

Un LCP deficiente casi siempre se debe a un elemento principal que carga lento o a un servidor lento. Las soluciones más fiables, varias de las cuales la herramienta muestra como consejos integrados:

  • Optimiza la imagen principal — comprímela, sírvela en formatos modernos como WebP o AVIF, y define atributos explícitos de ancho y alto.
  • Nunca apliques carga diferida a la imagen visible sin desplazamiento — usar loading="lazy" en el elemento de LCP lo retrasa a propósito; reserva la carga diferida para el contenido que queda por debajo del pliegue.
  • Precarga el recurso crítico — un <link rel="preload"> en la imagen o fuente de LCP hace que la descarga comience antes en el ciclo de vida de la página.
  • Reduce el tiempo de respuesta del servidor — apunta a un TTFB por debajo de 600 ms usando caché y una CDN, y sirve los recursos desde ubicaciones perimetrales cercanas a tus usuarios.
  • Elimina el CSS y JavaScript que bloquean el renderizado — difiere los scripts no críticos e incrusta solo los estilos necesarios para el primer pintado.

Privacidad

Todo ocurre en tu navegador. La medición en vivo procede de las entradas de rendimiento de tu propia página, y cualquier valor que escribas se evalúa de forma local: nada de lo que introduces se sube ni se almacena. El único paso externo es opcional: hacer clic para ir a PageSpeed Insights, que es un servicio propio de Google. El Test de LCP en sí mantiene tus datos en tu dispositivo.