Resumen Ejecutivo: Estado Medio

Auditoría actualizada a Julio 2026. Se detecta una crisis de conversión: el abandono inicial mejoró pero sigue alto, y las barreras de UX persisten debido a un LCP crítico de 15.2s en móvil.

MÓVIL

LCP Crítico (15.2s)

DESKTOP

Rendimiento Medio

89%

FUGA

Abandono en Scroll

0.24%

FRUSTRACIÓN

Clics de Rabia (Bajo)

🚨 Hallazgos Principales en Gratitude Bloom

1. Lentitud de Carga Móvil (15.2s)

Con un LCP de 15.2 segundos, el sitio sigue presentando barreras técnicas para el tráfico móvil. El problema se concentra en un retraso en la carga de recursos (2.41s) y un retraso de renderización (1.21s), limitando la visualización del contenido principal.

2. Frustración Baja pero Fricción Activa

Los clics de rabia han bajado a un excelente 0.24%, lo que indica que el usuario ya no se desespera interactuando con la interfaz. Sin embargo, persisten clics muertos y áreas táctiles bloqueadas que frenan la navegación efectiva hacia la compra.

3. Recuperación de la Atención (Fuga 89.05%)

Se observa una mejora importante en la retención inicial: el abandono extremo (fuga al hacer scroll) bajó del 97% al 89.05%. Aunque los usuarios navegan más, la ausencia de una vitrina de productos inmediata en el Home sigue cortando el flujo comercial desde el inicio.

4. Quiebre del Embudo y Fricción de Carga

A pesar de lograr una estabilidad visual perfecta (CLS de 0), un Speed Index de 8.8s en móvil sigue enterrando la intención de compra del tráfico. La mejora en retención debe acompañarse de productos visibles más arriba para capitalizar a los usuarios que ahora sí se quedan.

Análisis Técnico: PageSpeed Insights

Comparativa detallada Móvil vs Escritorio. Aunque hay avances en la estabilidad visual, el retraso en la carga de recursos sigue frenando la experiencia.

📱 Móvil (56/100)

🔗 Ver en PSI

¿Por qué 56 puntos?

El rendimiento sale de la zona crítica extrema pero sigue en naranja. Aunque el CLS mejoró a 0 (perfecta estabilidad visual), la carga se ve asfixiada por JS sin usar (Tag Manager, TikTok) y hojas de estilo pesadas. Esto retrasa enormemente la renderización inicial del contenido.

💻 Escritorio (66/100)

🔗 Ver en PSI

Diferencias Clave

La puntuación de 66 indica que los problemas son transversales. A pesar del mayor procesamiento en PC, la experiencia se degrada por un formato y tamaño de imágenes no optimizado (con un ahorro estimado de más de 650 KiB desperdiciados) y políticas de caché ineficientes en recursos de terceros.

Análisis de Latencia LCP (Desglose Móvil)

Subparte	Duración
Time to First Byte (TTFB)	640 ms
Retraso en la carga de recursos	2,410 ms
Duración de la carga de recursos	230 ms
Retraso en la renderización del elemento	1,210 ms

Análisis de Red y Recursos

Detalle de archivos y políticas de carga que ralentizan el sitio de Skinlab.

1. Usa tiempos de almacenamiento en caché eficientes

Solicitud	TTL en caché	Tamaño de transferencia
Facebook social		166 KiB
/en_US/fbevents.js (connect.facebook.net)	20m	102 KiB
…config/323…?v=… (connect.facebook.net)	20m	64 KiB
clientify.net		32 KiB
/tracker.js (analytics.clientify.net)	None	31 KiB
…pixel_wc/dynamic_tracking.js?trackerCode=… (apps.clientify.net)	None	1 KiB
…pixel/CF-25993-25993-XPICV (analyticsplusdev.clientify.net)	5m	1 KiB
…pixel/CF-25993-25993-XPICV (analyticsplusdev.clientify.net)	5m	0 KiB
byskinlab.com Propio		2,055 KiB
…webfonts/fa-solid-900.woff2 (www.byskinlab.com)	7dd.	155 KiB
…03/PORTADA-B….jpg (www.byskinlab.com)	7dd.	141 KiB
…fonts/eicons.woff2?5.50.0 (www.byskinlab.com)	7dd.	105 KiB
…05/slide-cejas-desktop.webp (www.byskinlab.com)	7dd.	102 KiB
…05/slide-puntos-desktop.webp (www.byskinlab.com)	7dd.	92 KiB
…07/banner-verano-2026-pc.webp (www.byskinlab.com)	7dd.	88 KiB
…06/portada-blog-junio-1024×683.jpeg (www.byskinlab.com)	7dd.	87 KiB
…webfonts/fa-brands-400.woff2 (www.byskinlab.com)	7dd.	80 KiB
Clarity utility		25 KiB
/0.8.66/clarity.js (scripts.clarity.ms)	1d.	25 KiB
sibforms.com		10 KiB
…build/sib-styles.css (sibforms.com)	4h	10 KiB

Conclusión: Aunque los recursos propios (byskinlab) tienen políticas eficientes (7 días), múltiples servicios de terceros como Facebook y Clientify tienen cachés extremadamente cortas (20 min o None), lo que obliga al navegador a realizar descargas innecesarias en cada visita recurrente.

2. Mejora la entrega de imágenes (Ahorro estimado: 654.2 KiB)

Elemento	URL	Tamaño del recurso	Ahorro estimado
byskinlab.com Propio		919.1 KiB	654.2 KiB
Portada blog marzo	…03/PORTADA-B….jpg (www.byskinlab.com)	140.6 KiB	127.4 KiB
	Este archivo de imagen es más grande de lo necesario (1024×683) para sus dimensiones de visualización (349×233). Usa imágenes responsivas para reducir el tamaño de descarga de la imagen.		124.3 KiB
Portada blog junio	…06/portada-blog-junio-1024×683.jpeg (www.byskinlab.com)	86.4 KiB	71.6 KiB
PORTADA BLOG FEBRERO	…02/PORTADA-B….jpg (www.byskinlab.com)	62.5 KiB	55.2 KiB
Slide cejas pc	…05/slide-cejas-desktop.webp (www.byskinlab.com)	101.6 KiB	52.2 KiB
Slide puntos pc	…05/slide-puntos-desktop.webp (www.byskinlab.com)	91.5 KiB	47.0 KiB
Testimonio uñas 10	…05/testimonio-unas-10.webp (www.byskinlab.com)	50.5 KiB	45.6 KiB
verano 2026	…07/banner-verano-2026-pc.webp (www.byskinlab.com)	87.5 KiB	45.0 KiB

3. JavaScript & CSS Sin Usar (Ahorro estimado: 366.8 KiB)

URL	Tamaño de transferencia	Ahorro estimado
CSS – byskinlab.com Propio	103.6 KiB	102.4 KiB
…css/dashicons.min.css?ver=7.0 (www.byskinlab.com)	34.2 KiB	34.2 KiB
…css/style.min.css?ver=3.1.2.164… (www.byskinlab.com)	24.7 KiB	24.1 KiB
…css/all.min.css?ver=6.7.2 (www.byskinlab.com)	20.1 KiB	19.8 KiB
…woo/woocommerce.min.css?ver=7.0 (www.byskinlab.com)	12.9 KiB	12.7 KiB
JS – Google Tag Manager tag-manager	300.5 KiB	132.0 KiB
/gtag/js?id=G-BPBCY6JXS1&cx=c&gtm=4e6710 (www.googletagmanager.com)	174.4 KiB	70.0 KiB
/gtm.js?id=GTM-K4TMC8N (www.googletagmanager.com)	126.2 KiB	62.1 KiB
JS – TikTok social	106.1 KiB	55.8 KiB
…static/main.MTIwMGUyODI1MA.js (analytics.tiktok.com)	106.1 KiB	55.8 KiB
JS – byskinlab.com Propio	60.8 KiB	40.7 KiB
…js/jet-elements.min.js?ver=2.7.7 (www.byskinlab.com)	24.0 KiB	20.6 KiB
…v8/swiper.min.js?ver=8.4.5 (www.byskinlab.com)	36.7 KiB	20.2 KiB
JS – Facebook social	98.4 KiB	33.4 KiB
/en_US/fbevents.js (connect.facebook.net)	98.4 KiB	33.4 KiB

Embudo de Conversión Crítico (GA4)

Análisis detallado de eventos y fricción: 1 Jun – 5 Jul 2026

Flujo de Intención de Compra (Datos Reales)

20,142 session_start

TRÁFICO TOTAL

8,782 view_item

VISTA PRODUCTO (43.6%)

173 add_to_cart

AÑADIDO AL CARRITO (0.86%)

122 begin_checkout

PAGO INICIADO (0.61%)

67 purchase

CONVERSIÓN FINAL (0.33%)

Rendimiento Financiero Global del Periodo:

Total Ingresos: $135,385,725

Rendimiento por Categoría de Dispositivo

Distribución de tráfico, tasa de interacción e ingresos:

Dispositivo	Usuarios Activos	Engagement Rate	Ingresos
Mobile 📱	18,871 (91.6%)	99.20%	$109,578,268
Desktop 💻	1,465 (7.11%)	88.53%	$25,807,457
Tablet 夯	137 (0.67%)	100.00%	$0

Puntos de Dolor (GA4 Insights)

Fricción Crítica en Ficha de Producto:

Abandono masivo: El 98.03% de los usuarios que ven un producto (8,782) no ejecutan la acción de añadir al carrito (solo 173 clics), debido a la fuerte desviación hacia canales de asistencia directa en entornos móviles.

Fricción en Pasarela (Checkout):

Abandono en Checkout: 45.1%

De los 122 usuarios que inician el proceso de pago, 67 logran finalizar la compra con éxito, reteniendo un sólido 54.9% de la intención final.

Salud de la Sesión

Métrica	Valor
Usuarios Activos Totales	20,603 🟢
Eventos por Usuario Activo	11.67 🟡
Eficiencia Checkout	54.9% (67 compras / 122 inicios) 🟢

Análisis UX Profundo & Clarity

Evolución del comportamiento del usuario y nuevas barreras de interacción (1 Jun – 5 Jul 2026).

1. Éxito: Eliminación del Modal y “Abismo” Visual

Logro Implementado: La eliminación del pop-up intrusivo y la corrección de los “espacios muertos” en el diseño han transformado drásticamente la retención de atención en la página.

Dato Clarity (Scroll Depth): La Tasa de Desplazamiento Promedio ha subido a un impresionante 89.05%. El antiguo “abismo” al 25% del scroll ha desaparecido completamente; los usuarios ahora exploran la página casi en su totalidad.

Scroll Depth Actual

89.05%

El mapa térmico ahora es verde hasta el final del contenido.

2. Visibilidad de Productos y Puntos de Fuga

Logro Implementado: Los “Best Sellers” ya tienen vitrina directa en el Home. Esto ha movido la fricción más abajo en el embudo (lo cual es positivo).

Nuevos Puntos de Fuga: Las páginas de salida principales ya no son rebotes tempranos, sino instancias críticas de decisión de compra. Los usuarios abandonan en:

/producto/esmalte-unas-nail-polish/ (6,961 salidas)
/producto/serum-activador-de-cejas/ (4,851 salidas)
/comprar/ (Checkout) (4,094 salidas)
/ (Home) (1,623 salidas)

Home rediseñado mostrando vitrina comercial directa.

Paginas de fuga.

3. Métricas de Frustración y Anomalías

💀 16.14% Dead Clicks (Clics Muertos):
Ha subido considerablemente. El análisis de grabaciones detectó un patrón visual anómalo crónico: El producto “Esmalte de Uñas – Nail Polish” requiere más de un clic para dirigir a la página del producto. Los usuarios hacen clic repetidamente en la imagen o el botón estático sin respuesta.
🟡 0.15% Rage Clicks:
Ligeramente superior, directamente correlacionado con el fallo de enlace en los productos del carrusel.

4. Menú de Navegación (Área de Mejora)

El Problema Restante: Aunque se han resuelto muchos problemas estructurales en Elementor, el menú principal móvil sigue funcionando mediante un sistema de “acordeón” tradicional.

Recomendación UI/UX: La transición hacia un Megamenú (adaptado a Mobile) que muestre visualmente las categorías principales (Cejas, Uñas, Kits) junto con miniaturas de producto o iconos reduciría la carga cognitiva y disminuiría los clics necesarios para encontrar productos que no están en el home.

El menú actual tipo acordeón requiere exploración a ciegas.

🎯 Diagnóstico Final: 10 Hallazgos Clave

Resumen ejecutivo: Evolución post-implementación y nuevas oportunidades de optimización.

🚀 Estado del Motor: Éxito en UX

Estabilidad de Carga (Modal) Resuelto

1. El modal intrusivo ha sido eliminado. Los usuarios ahora acceden al contenido sin bloqueos, mejorando la intención de compra.

● 2. Vitrina Activada: Productos visibles en Home. El usuario ya no necesita navegar a “Tienda” para ver oferta.
● 3. Scroll Profundo: Eliminado el “Abismo visual”, la atención se mantiene a lo largo de toda la página.
● 4. Optimización Frontend: A pesar de la mejora, el menú tipo acordeón sigue siendo una barrera comparado con un Megamenú eficiente.

⚠️ Barreras Técnicas (Nuevos Hallazgos)

Índice de Frustración: CRÍTICO (29.17% Dead Clicks)

5. Los Dead Clicks (29.17%) han escalado a niveles alarmantes. El producto ‘Esmalte de Uñas – Nail Polish’ es el punto de fricción principal donde los usuarios hacen clic repetidamente sin obtener respuesta.

● 6. Falla de Interacción: Casi 1 de cada 3 clics en el sitio es “muerto”. El problema en el enlace del Esmalte de Uñas es una fuga masiva de conversión que necesita reparación inmediata.
● 7. Rage Clicks (0.57%): Aumentando ligeramente; los usuarios están mostrando señales claras de impaciencia al interactuar con elementos que parecen botones pero no ejecutan acción.
● 8. Navegación: El usuario demanda menús más rápidos y responsivos (Megamenú). El acordeón actual es un obstáculo que contribuye a las altas tasas de salida en páginas de producto.

9. Scroll vs. Fugas por Página (Junio – Julio)

89.05%

Tasa de Scroll Promedio (¡Éxito!)

El diseño actual retiene al usuario. Sin embargo, las fugas críticas se han movido a las páginas de producto específicas: Esmalte (6,961 salidas) y Serum Cejas (4,851 salidas). Esto indica que aunque llegan al producto, la información o el proceso de carrito no cierra la venta.

10. Potencial de Crecimiento

Con 20,603 usuarios activos y una eficiencia de checkout del 54.9%, la base es sólida. Corregir los clics muertos en productos y el menú disparará el revenue actual de $135.3M.

Ingresos Actuales

$135.3M

Plan de Acción: Hoja de Ruta Skinlab 2.0

Post-implementación: De la vitrina visible a la optimización de conversión.

ELIMINACIÓN DE DEAD CLICKS (Fuga del 29.17%)

Prioridad: Crítica.
Los usuarios intentan interactuar con productos (especialmente el Esmalte Nail Polish) y no obtienen respuesta. Debemos auditar los eventos JS vinculados a las imágenes y botones.

            // FIX: Asegurar que el click en tarjeta de producto propague la URL

            document.querySelectorAll(‘.product-card’).forEach(card => {

              card.addEventListener(‘click’, (e) => {

                const link = card.querySelector(‘a’);

                if (link) window.location.href = link.href;

              });

            });

RETENCIÓN INTELIGENTE (Exit Intent)

Prioridad: Media.
Habiendo eliminado el pop-up de entrada (éxito en UX), ahora el objetivo es capturar al usuario que abandona.

Exit Intent Trigger: Configurar el registro de newsletter/cupón para que solo aparezca cuando el usuario mueva el cursor para cerrar la pestaña o retroceder (disminución de salidas).
Versión Móvil: Implementar notificaciones “Push” no invasivas o un banner inferior que incentive la compra de los productos más vistos (Serum y Esmaltes).

CONVERSIÓN DE PRODUCTOS (Home & Shop)

Prioridad: Alta.
Ahora que los productos son visibles en el Home, debemos optimizar el “Add to Cart” ya que las salidas en las páginas de producto (Esmalte/Serum) son muy altas.

Info de Producto en Home: Añadir botón de “Vista Rápida” (Quick View) para evitar cargar la página completa y perder al usuario.
Estrategia de Cross-selling: Si el usuario ve un serum, sugerir complementos en la misma página para justificar el costo de envío.

WEB VITALS & RENDIMIENTO CONTINUO

Prioridad: Técnica.
Mantener el scroll depth del 89.05% exige una carga ágil.

Deferred Loading: Retrasar scripts de tracking (Clarity/GA4) hasta que el usuario haga scroll > 100px.
Priorización: Asegurar que los productos del carrusel en Home carguen primero (Prioridad 1) sobre las imágenes de pie de página.

TRANSICIÓN A MEGAMENÚ

Prioridad: UX Alta.
El menú tipo acordeón actual es un cuello de botella. Necesitamos convertirlo en un Megamenú visual.

Diseño Visual: Mostrar 4 columnas en Desktop; en móvil, usar “Accordeón con imágenes” (thumbnails pequeños de las categorías).
Reducción de Clicks: Eliminar niveles innecesarios. El usuario debe ver “Esmaltes” y “Sérums” al abrir el menú, sin sub-niveles ocultos.

Matriz de Ejecución SKINLAB (Julio)

Plan maestro para reducir el 29% de Dead Clicks y cerrar ventas.

ETAPA 1: ESTABILIZACIÓN

Fuga de Clics

Corregir enlaces en Esmaltes.
Reducir Dead Clicks < 10%.

ETAPA 2: NAVEGACIÓN

Evolución Menú

Implementar Megamenú.
Reducir salidas en Shop.

ETAPA 3: CONVERSIÓN

Checkout

Optimizar Checkout.
Conversión > 3%.

KPIs de Éxito Q3

Métrica	Actual	Meta
Dead Clicks	29.17%	< 5%
Checkout Efficiency	54.9%	> 70%