Hola a todos,
Tengo un problema con Cumulative Layout Shift (CLS) en nuestra tienda WooCommerce y en las páginas de archivo de productos. Actualmente estamos usando el tema Kadence combinado con Elementor Pro.
En los dispositivos móviles, cuando la página se carga por primera vez, la cuadrícula del producto WooCommerce se muestra en un diseño de una sola columna durante una fracción de segundo antes de que los estilos de cuadrícula de Elementor se activen y la ajusten en un diseño limpio de dos columnas.
Esto provoca un salto visual notable (CLS), que está perjudicando nuestras puntuaciones de experiencia en la página.
Lo he probado:
- Habilitar y deshabilitar la «Carga de activos mejorada» y los «Iconos de fuentes en línea» en la configuración de funciones de Elementor.
- Regenerando los archivos CSS a través de Elementor > Herramientas.
- Borrar completamente nuestra caché del lado del servidor y la caché CDN.
Parece que hay un ligero retraso en el orden en que la hoja de estilo de Elementor se pone en cola en comparación con la hoja de estilo base de WooCommerce del tema Kadence.
¿Existe algún gancho o filtro recomendado para forzar que el CSS de Elementor se cargue antes en el ¿o una forma conocida de evitar que los estilos WooCommerce predeterminados de Kadence anulen temporalmente los anchos del contenedor de Elementor durante la pintura inicial?
¡Cualquier orientación sobre cómo secuenciar correctamente estas hojas de estilo sería increíblemente útil!
¡Gracias!
La página con la que necesito ayuda: [log in to see the link]