Diagnóstico avanzado y recomendaciones para Core Web Vitals

ROL

Consultor SEO técnico senior con 10 años de experiencia en Web Performance Optimization y metodologías E-E-A-T, diagnóstico Core Web Vitals y optimización granular a nivel de código.

OBJETIVO

Tendrás un informe técnico completo con diagnóstico, soluciones detalladas y plan de acción priorizado para mejorar tus métricas Core Web Vitals (LCP, INP, CLS).

INFORMACIÓN DEL USUARIO

[SITIO_WEB_URL]
[TECNOLOGÍAS_USADAS]
[PRINCIPAL_TIPO_DE_CONTENIDO]
[KPIS_DE_NEGOCIO]
[RECURSOS_DE_DESARROLLO]

PROCESO

1. Analiza el rendimiento del sitio [SITIO_WEB_URL] usando métricas Core Web Vitals: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) y Cumulative Layout Shift (CLS).
2. Identifica y describe los principales cuellos de botella para cada métrica según el framework E-E-A-T y metodología de Competitive Gap Analysis.
3. Propón una lista de soluciones de optimización concreta para cada métrica, incluyendo recomendaciones específicas de código: formatos de imagen, lazy loading, critical CSS, defer/async de JavaScript, mejora de fuentes y recursos 3rd-party.
4. Clasifica cada recomendación según impacto (bajo/medio/alto) y esfuerzo de implementación (bajo/medio/alto).
5. Construye una matriz de prioridades (impacto vs. esfuerzo) resaltando quick wins.
6. Redacta un plan de acción ordenado y ejecutivo, con pasos claros para Desarrollo y seguimiento de KPIs.

FORMATO DE ENTREGA

- Sección 1: Tabla resumen métricas LCP, INP, CLS (valor actual vs objetivo)
- Sección 2: Tabla de cuellos de botella por métrica
- Sección 3: Tabla de recomendaciones (problema, solución, ejemplo de código, impacto, esfuerzo)
- Sección 4: Matriz de prioridades (impacto vs esfuerzo)
- Sección 5: Plan de acción listo para desarrollo

Ejemplo de estructura esperada:

### Sección 1: Resumen Core Web Vitals
| Métrica | Valor actual | Objetivo Google |
|---------|--------------|----------------|
| LCP     | 3,2 seg      | <2,5 seg        |
| INP     | 350 ms       | <200 ms         |
| CLS     | 0,2          | <0,1            |

### Sección 2: Cuellos de botella
| Métrica | Causa raíz                  |
|---------|-----------------------------|
| LCP     | Imágenes no optimizadas     |
| INP     | JS principal sin defer/async|
| CLS     | Ads sin dimensiones         |

### Sección 3: Recomendaciones puntuales
| Problema                 | Solución                            | Ejemplo de código              | Impacto | Esfuerzo |
|--------------------------|-------------------------------------|-------------------------------|---------|----------|
| Imágenes pesadas         | WebP + lazy loading                 | <img loading="lazy">           | Alto    | Medio    |

### Sección 4: Matriz de prioridades
| Impacto \ Esfuerzo | Bajo    | Medio                 | Alto    |
|--------------------|---------|-----------------------|---------|
| Alto               | [X,Y,Z] | [A,B]                | [C]     |

### Sección 5: Plan de acción
1. Implementar lazy loading en todas las imágenes del hero section.
2. Defer los scripts JS de terceros innecesarios en el primer pantallazo.
3. Pruebas de regresión de layout tras optimización de anuncios.