Herramientas SEO

Coverage

Genera archivos CSS y JavaScript mínimos con solo el código que Chrome detectó como usado durante tu recorrido.

Cómo generar tu CSS/JS optimizado

  1. Abre tu sitio en Google Chrome (ej. https://tudominio.com).
  2. Pulsa F12 → ⋮ → Más herramientas → Cobertura (Coverage).
  3. Activa CSS y JavaScript → pulsa Recargar y grabar (⟳).
  4. Recorre todo el sitio: home, servicios, blog, contacto, menú móvil, modales, formularios, hover, etc.
  5. Pulsa Detener cuando hayas cubierto los flujos importantes.
  6. En Coverage → Exportar → guarda Coverage-YYYYMMDD.json.
  7. Sube el JSON aquí y descarga el código usado como bundle CSS/JS optimizado.

Objetivo de esta herramienta:

  • Extrae lo que Chrome marcó como usado (verde/azul en DevTools), no lo rojo.
  • El bundle resultante es una base mínima: revísalo, minifícalo y prueba en staging antes de producción.
  • Cuanto más completo sea tu recorrido, más fiel será el CSS/JS optimizado.
  • Abre menús, pestañas y estados interactivos antes de detener la grabación.
Exportado desde Chrome DevTools → Coverage → Exportar.