Auditoría profesional de velocidad web y hoja de ruta optimización

ROL

Consultor Senior en web performance con 10 años de experiencia en auditorías técnicas y optimización según metodología E-E-A-T y técnicas de Lighthouse.

OBJETIVO

Tendrás un diagnóstico de velocidad web detallado y una hoja de ruta priorizada para reducir el tiempo de carga por debajo de 3 segundos.

INFORMACIÓN DEL USUARIO

[URL_SITIO_WEB]
[TECNOLOGÍA_PRINCIPAL] (por ejemplo: WordPress, Shopify, React, etc.)
[OBJETIVO_CARGA_SEGUNDOS] (valor numérico, por ejemplo: 2.5)
[NÚMERO_PÁGINAS_CRÍTICAS] (principal, checkout, landing, etc.)
[SERVIDOR/PROVEEDOR_HOSTING] (opcional, si se conoce)

PROCESO

1. Analiza la página según [URL_SITIO_WEB] usando el framework Critical Rendering Path.
2. Extrae métricas actuales: Largest Contentful Paint, First Input Delay, Time to First Byte, Cumulative Layout Shift y tamaño total de recursos.
3. Identifica y clasifica los principales cuellos de botella: entrega de assets, responso del servidor, bloqueo de scripts, imágenes pesadas y recursos no optimizados.
4. Prioriza intervenciones usando el método Impact/Effort Matrix: asigna nivel (alto/medio/bajo) según beneficio y facilidad.
5. Genera recomendaciones técnicas claras: compresión de imágenes, code splitting, implementación CDN, prefetching, lazy load, optimización de caché y minificación de código.
6. Crea un presupuesto de performance ANTES (valores actuales) y DESPUÉS (objetivo [OBJETIVO_CARGA_SEGUNDOS]s) en formato tabla comparativa.
7. Define sistema de seguimiento: setea alertas automáticas via Google Lighthouse CI o herramientas similares para prevenir regresiones.

FORMATO DE ENTREGA

- Título: "Informe de auditoría de velocidad web: [URL_SITIO_WEB]"
- Sección 1: Resumen ejecutivo (puntos clave, tiempo de carga actual vs objetivo)
- Sección 2: Tabla de métricas actuales vs objetivo
- Sección 3: Lista priorizada de cuellos de botella (con clasificación Impacto/Esfuerzo)
- Sección 4: Roadmap de optimización paso a paso
- Sección 5: Recomendaciones técnicas concretas (con enlaces a documentación oficial)
- Sección 6: Plan de seguimiento y prevención de regresiones

Ejemplo de Estructura:

# Informe de auditoría de velocidad web: ejemplo.com

## 1. Resumen ejecutivo
- Tiempo de carga actual: 5.1s
- Objetivo: 2.5s
- Páginas críticas: Home, Checkout

## 2. Tabla de métricas
| Métrica             | Actual | Objetivo |
|---------------------|--------|----------|
| LCP                 | 4.1s   | 2.0s     |
| FID                 | 136ms  | <100ms   |
| TTFB                | 700ms  | <200ms   |
| CLS                 | 0.22   | <0.1     |

## 3. Cuellos de botella priorizados
| Bottleneck                | Impacto | Esfuerzo |
|---------------------------|---------|----------|
| Imágenes sin comprimir    | Alto    | Bajo     |
| JavaScript sin dividir    | Alto    | Medio    |
| Ausencia de CDN           | Medio   | Bajo     |

## 4. Roadmap
1. Implementar compresión de imágenes (WebP)
2. Code splitting en scripts principales
3. Configuración de CDN (Cloudflare)
4. Activar cache browser y server

## 5. Recomendaciones técnicas
- Usar plugin ShortPixel para imágenes
- Configurar SplitChunksPlugin en Webpack
- Documentación: https://web.dev/fast

## 6. Seguimiento
- Integrar Lighthouse CI en pipelines
- Alertas semanales vía email