VANTAG
ENContacto
core-web-vitals

Alternativa a PageSpeed Insights: auditar cualquier web sin salir de la pestaña

PageSpeed Insights, Lighthouse y GTmetrix te obligan a cambiar de pestaña. La extensión Web Vitals de VANTAG audita Core Web Vitals, SEO, accesibilidad, servidor, DNS y tech stack en un popup. Gratis y open source.

VANTAG·

Auditar el rendimiento de una web con las herramientas oficiales de Google es un ritual conocido: abrir PageSpeed Insights, pegar la URL, esperar 20 segundos, mirar el informe, cerrar la pestaña. Repetir para la siguiente web. Repetir para la versión móvil. Repetir cuando cambias algo.

Es un flujo lento para lo que debería ser una consulta de tres segundos. Y solo mira Core Web Vitals: si además necesitas ver el servidor, el DNS, el stack tecnológico o el nivel de accesibilidad, abres tres pestañas más.

Por eso publicamos la extensión Web Vitals para Chrome: un popup con seis pestañas que resume en segundos lo que antes te costaba cinco herramientas. Es un fork mantenido de la extensión oficial de Google, ampliada con las pestañas que faltan.

Qué mide en un solo popup

Seis pestañas, todas locales, sin salir de la web que estás viendo:

Web Vitals. LCP, CLS, INP, FCP y TTFB en tiempo real, con código de color (bueno / mejorable / malo) y comparadas con los datos de campo del Chrome UX Report. Cuando una métrica falla, la extensión sugiere el arreglo concreto (“Precarga tu imagen hero”, “Reserva espacio para los anuncios para reducir el CLS”).

Server Info. IP, geolocalización (país, región, ciudad), ISP, organización, ASN, zona horaria y hostname del servidor. Útil para saber dónde está alojada una web sin abrir dig ni whois.

DNS Info. Registros A, AAAA, MX, NS, TXT, SOA y CNAME vía Google Public DNS. Descubrimiento de subdominios cuando está disponible.

SEO. Puntuación 0-100 basada en title, meta description, headings, imágenes, datos estructurados, Open Graph y cabeceras de seguridad. Incluye estimación de Domain Authority y Domain Rating, análisis de contenido (word count, estructura de headings, alt text, enlaces internos y externos) y sugerencias de arreglo para cada problema detectado.

Tech Stack. Detección automática de CMS y SSGs (WordPress, Next.js, Hugo…), servidor (Nginx, Apache), frameworks y librerías JavaScript, herramientas de analítica y marketing, proveedores de fuentes. Sin BuiltWith, sin Wappalyzer.

A11y. Puntuación 0-100 con estimación de nivel WCAG (A, AA, AAA). Detecta alt text faltantes, enlaces y botones vacíos, inputs sin etiquetar, saltos de heading, landmarks ausentes y tabindex positivos. Cada issue viene con la corrección exacta.

Plus: exportación en Markdown de un clic (con auto-carga de las pestañas que no has abierto todavía), modo claro/oscuro con preferencia guardada, y panel lateral de Chrome para tenerla siempre visible mientras navegas.

Web Vitals vs PageSpeed Insights vs Lighthouse

Ninguna sustituye a otra. Cada una tiene su momento.

Web Vitals (extensión) PageSpeed Insights Lighthouse (DevTools)
Dónde vive Popup del navegador Web externa DevTools
Tiempo por análisis Instantáneo 15-30 s 30-60 s
Datos de laboratorio
Datos de campo (CrUX) No
Server / DNS / IP No No
SEO on-page Solo checklist básica Sí (audits)
Accesibilidad Sí (WCAG A/AA/AAA) No Sí (axe-core)
Tech stack No No
Informe exportable Markdown (1 clic) Compartir URL JSON/HTML
Consume batch de URLs No Sí (API) Sí (CLI)
Requiere abrir DevTools No No

Usa PageSpeed Insights cuando el cliente pide “el informe oficial de Google” o cuando necesitas la API para procesar cientos de URLs.

Usa Lighthouse cuando estás depurando un problema concreto de performance y necesitas la auditoría exhaustiva (JavaScript sin usar, oportunidades específicas, PWA, best practices).

Usa la extensión Web Vitals para el resto: revisar el estado de una web en cinco segundos, auditar la competencia sin salir de su web, verificar que un despliegue no ha roto métricas, exportar un pantallazo técnico completo para adjuntar a una propuesta.

Casos de uso donde ahorra más tiempo

Análisis de competencia. Abres la web de la competencia, un clic al icono y ya sabes: en qué servidor están, qué CMS usan, cómo tienen las Core Web Vitals reales de sus usuarios, qué nota de SEO on-page tienen y si su web es accesible. Antes eran cinco herramientas.

Auditoría express para propuesta comercial. Cliente potencial te pasa su URL. En diez segundos exportas el informe Markdown y lo pegas en la propuesta. No hace falta preparar un Lighthouse ni contratar un SEMrush.

Verificación post-despliegue. Subes un cambio a producción. En vez de esperar a que CrUX actualice datos o abrir DevTools, un vistazo al popup te confirma que LCP e INP siguen en verde en tu máquina y en los datos de campo.

Auditoría de accesibilidad rápida. No sustituye a axe DevTools ni a un test manual, pero para detectar los fallos gordos (imágenes sin alt, formularios sin etiquetar, saltos de heading) es un paso previo instantáneo.

Debugging de infraestructura. Una web va lenta pero no sabes si es la web o el hosting. La pestaña Server Info te dice el ISP, la ubicación y el ASN. Si el servidor está en Singapur y tus usuarios en España, ya sabes por dónde empezar.

Privacidad: por qué esto importa

Muchas extensiones de análisis web mandan cada URL que visitas a sus servidores para “enriquecer los datos”. La extensión Web Vitals no lo hace. Todo el análisis corre en local en tu navegador.

Las llamadas a APIs externas se limitan a lo que el navegador no puede resolver solo:

  • CrUX para datos de campo de usuarios reales.
  • ipwhois.app para geolocalización de IP.
  • Google Public DNS para registros DNS.
  • Mozilla HTTP Observatory para escaneo de cabeceras de seguridad.
  • RDAP.org para datos de registro del dominio.

Ninguna es propiedad de VANTAG. No hay servidor nuestro que reciba tu historial de navegación ni las webs que auditas. Es open source: si dudas, el código está publicado bajo Apache 2.0 y puedes revisarlo.

Instalación

Dos formas:

Chrome Web Store (recomendado): Instalar Web Vitals. Un clic, “Añadir a Chrome”, y listo. Compatible con Chrome 114+ y con Edge / Brave / cualquier navegador basado en Chromium.

Sin pasar por el store (para devs):

git clone https://github.com/vantaghq/web-vitals-extension.git
cd web-vitals-extension
npm install
npm run build

Después: chrome://extensions → activa “Modo desarrollador” → “Cargar descomprimida” → selecciona el directorio del proyecto.

Contribuir y reportar bugs

El proyecto es open source bajo Apache 2.0. Si encuentras un fallo, pídelo o proponlo en GitHub Issues. Si tienes una idea de pestaña nueva o de métrica adicional, abre una discusión.

Versión actual: 2.5.0 (abril 2026). Peso: 209 KiB. Sin API keys que configurar. Gratis, sin cuenta, sin telemetría.

Instalar Web Vitals desde Chrome Web Store →

Preguntas frecuentes

¿En qué se diferencia la extensión Web Vitals de PageSpeed Insights?

PageSpeed Insights te obliga a copiar la URL, esperar 15-30 segundos y ver el informe en otra pestaña. La extensión Web Vitals mide Core Web Vitals en tiempo real sobre la página que estás viendo y añade cinco pestañas más (servidor, DNS, SEO, tech stack, accesibilidad) que PageSpeed no cubre. No sustituye a Lighthouse en auditorías exhaustivas, pero para diagnóstico rápido y análisis de competencia va varias veces más rápida.

¿Los datos que muestra son de mi máquina o de usuarios reales?

Ambos. Las métricas de Core Web Vitals se miden en tu navegador (datos de laboratorio) y en paralelo la extensión consulta el Chrome UX Report (CrUX) para mostrarte los datos de campo de usuarios reales del último periodo. Ver los dos lado a lado te dice si tu problema es puntual o crónico.

¿Es un fork de la extensión oficial de Google?

Sí. La extensión Web Vitals de VANTAG está basada en el proyecto open source oficial de Google Chrome (GoogleChrome/web-vitals-extension), publicada bajo licencia Apache 2.0. Google descontinuó el desarrollo activo; VANTAG mantiene el fork y ha añadido las pestañas de servidor, DNS, SEO, tech stack, accesibilidad, informe en Markdown, modo claro/oscuro y panel lateral.

¿Envía datos de mi navegación a algún servidor?

No. Todo el análisis corre en local. La extensión consulta APIs públicas para datos que no puede obtener del navegador (CrUX para datos de campo, ipwhois.app para geolocalización, Google Public DNS para registros DNS, Mozilla HTTP Observatory para cabeceras, RDAP.org para whois). No hay analítica, no hay tracking, no hay servidores propios recibiendo tu historial.

¿Necesito una API key para usarla?

No. La API key de CrUX viene incluida en la extensión y solo funciona dentro del contexto de la extensión, igual que hacía la versión original de Google. El resto de APIs no requieren autenticación.

¿Sustituye a Lighthouse o al panel de rendimiento de Chrome DevTools?

No. Lighthouse hace auditorías más profundas (JavaScript no usado, oportunidades específicas, PWA, best practices) y el panel de rendimiento de DevTools es imprescindible para profiling detallado. La extensión Web Vitals está pensada para el flujo diario: revisar una web, auditar la competencia, verificar si un cambio ha empeorado métricas, exportar un informe rápido para un cliente.