Core Web Vitals en móvil no mejoran con optimización genérica

Optimizaste todo según las guías oficiales pero tus Core Web Vitals en móvil no mejoran. El LCP sigue por encima de 4 segundos y el CLS salta cada vez que alguien abre tu página en un teléfono.

La realidad incómoda: los navegadores móviles procesan recursos de manera completamente distinta. Safari iOS retrasa la ejecución de JavaScript hasta que el usuario interactúa. Tu hero image perfectamente optimizada espera mientras Safari decide cuándo cargarla. Chrome en Android prioriza differently según el ahorro de datos esté activado o no.

Lazy loading estándar empeora el LCP en móvil porque el navegador espera señales de scroll antes de cargar imágenes del viewport inicial. Necesitas excluir explícitamente la imagen principal del lazy loading con fetchpriority="high".

Los web fonts causan CLS masivo en móvil porque las conexiones lentas retrasan la carga. Font-display swap ayuda pero genera un flash visible. Precargar solo la fuente del hero text y usar system fonts para el resto reduce el CLS en 0.15 puntos.

Third-party scripts destruyen tu FID en móvil. Google Analytics, Facebook Pixel y chat widgets compiten por recursos limitados. Cargarlos con async no es suficiente: necesitas facade patterns que solo activan scripts cuando el usuario interactúa.