15 Pasos Esenciales de Control de Calidad de Sitios Web Antes del Lanzamiento (Y Después)

El control de calidad (QC) no es una fase — es un continuo. Aquí tienes una lista de verificación probada en batalla que cubre la validación previa al lanzamiento y la vigilancia posterior al lanzamiento.

Pre-lanzamiento: Construye Bien

  1. Trazabilidad de Requisitos — Asigna cada historia de usuario a casos de prueba. Sin funciones huérfanas.
  2. Pruebas Unitarias — Automatizadas (Jest, PyTest, JUnit). Objetivo >80% de cobertura en lógica de negocio.
  3. Pruebas de Integración — Contratos de API (Pact, Postman), migraciones de DB, webhooks de terceros.
  4. Pruebas Funcionales/End-to-End — Cypress/Playwright para flujos críticos: autenticación, pago, formularios, búsqueda.
  5. Pruebas Multi-navegador/Dispositivo — BrowserStack/Sauce Labs: Chrome/FF/Safari/Edge últimos + 1 previo; dispositivos reales iOS/Android.
  6. Pruebas de Rendimiento — k6/JMeter: carga (tráfico esperado), estrés (2×), remojo (4hr), pico. Presupuestos: LCP < 2.5s, TTI < 3.5s, CLS < 0.1.
  7. Auditoría de Accesibilidad — axe-core + manual WCAG 2.1 AA: navegación por teclado, ARIA, contraste, texto alternativo, orden de foco.
  8. Pruebas de Seguridad — SAST/DAST (SonarQube, OWASP ZAP), escaneo de dependencias (Snyk), prueba de penetración para autenticación/pagos.
  9. Pruebas de Usabilidad — 5 usuarios, pensar en voz alta, tasa de éxito de tareas >90%, puntuación SUS >68.
  10. QA de Contenido y SEO — Metaetiquetas, esquema, hreflang, sitemap, robots.txt, auditoría de 404/301.
  11. Pruebas de Aceptación del Usuario (UAT) — Los interesados aprueban en entorno de prueba con subconjunto de datos de producción.

Puerta de Lanzamiento

  • Prueba de Humo — Sanidad de 10 min en producción: página principal, inicio de sesión, API principal, pago.
  • Plan de Reversión — Copia de seguridad de DB verificada, indicadores de características desactivados, imagen de contenedor anterior etiquetada.

Post-lanzamiento: Mantente Bien

  1. Suite de Regresión — Ejecuta en cada despliegue (puerta CI/CD). Pruebas inestables en cuarentena.
  2. Monitoreo Sintético — Pingdom/Datadog: tiempo de actividad, latencia de API, viajes de usuarios críticos cada 1–5 min.
  3. Monitoreo de Usuarios Reales (RUM) — Core Web Vitals, errores de JS, clics de rabia, embudos de conversión.
  4. Agregación de Logs y Alertas — ELK/Datadog: tasa de error >1%, pico de 5xx, acumulación de cola.
  5. Seguridad Continua — Dependabot/Renovate, reglas de WAF, prueba de penetración trimestral.
  6. Bucles de Retroalimentación — Widget de retroalimentación en la app, etiquetado de tickets de soporte, NPS trimestral.

Higiene de Documentación

  • Registros de decisiones de arquitectura (ADRs)
  • Manuales de procedimiento para incidentes comunes
  • Registro de cambios (formato Keep a Changelog)
  • Archivo de planes y resultados de pruebas

El QC no está "terminado". Es una cultura. Automatiza lo repetible, prueba con humanos lo matizado, monitorea el resto.