PageSpeed

La auditoría PageSpeed evalúa cuatro categorías fundamentales, cada una con una puntuación de 0 a 100: • Rendimiento — Mide la velocidad de carga percibida por el usuario. Incluye métricas como First Contentful Paint (FCP), Largest Contentful Paint (LCP), Total Blocking Time (TBT), Cumulative Layout Shift (CLS), Speed Index y Time to Interactive (TTI). Cada métrica tiene un peso específico en la puntuación final. • Accesibilidad — Evalúa si el contenido es accesible para todos los usuarios, incluyendo personas con discapacidades. Verifica contraste de colores, etiquetas ARIA, textos alternativos en imágenes, estructura de encabezados, navegación por teclado y roles semánticos. • Mejores prácticas — Comprueba el cumplimiento de estándares web modernos: uso de HTTPS, ausencia de APIs obsoletas, seguridad de JavaScript, política de permisos, y configuración correcta de recursos. • SEO — Analiza la optimización para motores de búsqueda: meta tags, estructura del documento, enlaces rastreables, texto legible, compatibilidad móvil y datos estructurados.

Los Core Web Vitals son las tres métricas que Google considera esenciales para la experiencia del usuario: • Largest Contentful Paint (LCP) — Tiempo hasta que el elemento más grande visible se renderiza. Bueno: ≤2.5s. Necesita mejora: ≤4.0s. Lento: >4.0s. • First Input Delay (FID) / Interaction to Next Paint (INP) — Mide la capacidad de respuesta ante la primera interacción del usuario. Bueno: ≤100ms. Necesita mejora: ≤300ms. Lento: >300ms. • Cumulative Layout Shift (CLS) — Mide la estabilidad visual, cuánto se mueven los elementos durante la carga. Bueno: ≤0.1. Necesita mejora: ≤0.25. Lento: >0.25. Los datos de campo provienen del Chrome User Experience Report (CrUX), que recopila métricas reales de usuarios de Chrome durante los últimos 28 días. No todos los sitios tienen datos CrUX disponibles — se requiere un volumen mínimo de tráfico. Cuando están disponibles, los datos de campo son más representativos que las métricas de laboratorio porque reflejan condiciones reales de usuarios.

Las oportunidades son sugerencias específicas para mejorar el rendimiento de la página. Cada oportunidad incluye el ahorro estimado en milisegundos y una descripción del problema: • Imágenes — Formatos modernos (WebP/AVIF), dimensiones adecuadas, compresión, lazy loading para imágenes fuera del viewport. • JavaScript — Minificación, eliminación de código no utilizado, división de bundles, diferimiento de scripts no críticos. • CSS — Minificación, eliminación de CSS no utilizado, inline de CSS crítico, reducción de render-blocking. • Servidor — Tiempo de respuesta del servidor (TTFB), compresión (gzip/brotli), caché de recursos estáticos, CDN. • Fuentes — Preconexión a orígenes de fuentes, font-display: swap, subconjuntos de caracteres. Los diagnósticos proporcionan información adicional sobre la estructura de la página: tamaño del DOM, profundidad de anidamiento, solicitudes de red en cascada, y recursos que bloquean el renderizado.