VANTAG
ENContacto

Documentación

Documentación · Web Vitals

Instalación

  1. Abre la página de la extensión en la Chrome Web Store (funciona también en Edge y otros navegadores basados en Chromium).
  2. Pulsa Añadir y confirma los permisos.
  3. Ancla el icono de Web Vitals en la barra de herramientas.

También puedes cargarla sin empaquetar desde chrome://extensions (modo desarrollador → Cargar descomprimida) si trabajas con el código del repositorio.

Uso

Visita cualquier web y pulsa el icono de Web Vitals. El popup se organiza en seis pestañas:

  • Web Vitals — LCP, CLS, INP, FCP y TTFB en tiempo real, con color según su umbral y comparación con datos de usuarios reales (CrUX). Cuando una métrica es mejorable o mala, aparecen sugerencias concretas (por ejemplo, precargar la imagen principal o reservar espacio para evitar saltos de layout).
  • Server Info — IP, ubicación geográfica, ISP, organización, ASN, zona horaria y hostname del servidor.
  • DNS Info — registros A, AAAA, MX, NS, TXT, SOA y CNAME, más subdominios detectados.
  • SEO — puntuación de 0 a 100 (título, meta description, encabezados, imágenes, datos estructurados, Open Graph, cabeceras de seguridad), estimación de autoridad de dominio y sugerencias por cada problema.
  • Tech Stack — CMS y generadores, software de servidor, frameworks y librerías JS, herramientas de analítica y proveedores de fuentes.
  • A11y — puntuación de accesibilidad con nivel WCAG estimado (A, AA, AAA) y detección de fallos habituales (alt ausente, enlaces o botones vacíos, campos sin etiqueta, saltos de encabezado, etc.).

Métricas: cómo leerlas

  • Bueno (verde) — la página supera el umbral recomendado.
  • Mejorable (naranja) — está cerca, pero no es óptima.
  • Malo (rojo) — no cumple el umbral y necesita atención.

Guías de optimización: LCP · CLS · INP.

Exportar informe

Pulsa el icono de descarga en la cabecera del popup para exportar un informe completo en Markdown con los datos de todas las pestañas. Las pestañas que no hayas abierto se cargan automáticamente antes de exportar, así el informe nunca queda incompleto.

Extras

  • Modo claro/oscuro, con la preferencia guardada entre sesiones.
  • Panel lateral de Chrome (requiere Chrome 114 o superior): pulsa el icono de panel lateral en la cabecera.

Privacidad

El análisis del rendimiento corre en local, en tu navegador. La extensión no envía tus datos personales, tu historial ni tus métricas a servidores de VANTAG, y no te rastrea ni recopila analítica.

Para obtener datos que no están en el navegador, sí consulta APIs públicas de terceros: Chrome UX Report (CrUX) para datos de campo, ipwhois para geolocalización de IP, Google Public DNS para registros DNS, Mozilla HTTP Observatory para cabeceras de seguridad y RDAP para datos de registro del dominio. Ninguna requiere clave de usuario ni registro.