Resumen Ejecutivo: Estado Crítico
Auditoría completa al 16 Feb 2026. Se detecta una crisis de conversión: el 99.98% de los usuarios abandona el sitio sin comprar debido a un LCP extremo de 16.7s y barreras de UX.
LCP Crítico (16.7s)
Rendimiento Pobre
Abandono en Scroll 25%
Quick Backs (Clarity)
1. Colapso de Carga Móvil (16.7s)
Con un LCP de 16.7 segundos, el sitio es técnicamente inaccesible para la mayoría del tráfico móvil. Esta latencia explica por qué el tiempo activo promedio es de apenas 37 segundos.
2. Barrera Inicial y Clics Muertos
El Pop-up y los sliders generan una alta tasa de clics muertos (9.12%). El 17.04% de las interacciones en móvil son intentos frustrados de navegar sliders que no llevan a la compra.
3. El “Abismo” de Atención (Fuga 97%)
Los datos de atención muestran que al pasar el 20% de profundidad, la atención cae del 19.5% al 3.2%. Los productos son inexistentes en el Home, lo que corta el flujo comercial desde el inicio.
4. Quiebre del Embudo (3 Compras / 19k)
De 19,042 sesiones, solo 3 llegaron a compra (0.02%). La inestabilidad visual (CLS) y la falta de vitrina directa en el Home entierran la intención de compra de 8,489 usuarios que ven el catálogo pero no convierten.
Análisis Técnico: PageSpeed Insights
Comparativa detallada Móvil vs Escritorio. La carga móvil representa un bloqueo crítico para la conversión.
¿Por qué 36 puntos?
El rendimiento es crítico. El LCP (Largest Contentful Paint) se dispara a 16.7 segundos. Además, el Speed Index de 9.7s y un CLS de 0.407 indican una experiencia inestable donde el contenido tarda demasiado en ser útil.
Diferencias Clave
Aunque el LCP mejora a 4.0s, la puntuación general de 46 sigue en rango rojo. El Total Blocking Time (330ms) y el Speed Index (4.1s) confirman que, incluso con mayor potencia de procesamiento, los scripts bloquean la interactividad inicial.
| Subparte | Duración |
|---|---|
| Time to First Byte (TTFB) | 3.0 s (FCP inicial) |
| Retraso en la carga de recursos | 13.7 s |
| Duración de la carga de recursos | — |
| Retraso en la renderización del elemento | 290 ms (Blocking Time) |
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
|
135 KiB
|
|
|
/en_US/fbevents.js
(connect.facebook.net)
|
20m
|
96 KiB
|
|
…config/323…?v=…
(connect.facebook.net)
|
20m
|
39 KiB
|
|
Amazon Web Services
other
|
63 KiB
|
|
|
…capiParamBuilder/clientParamBuilder.bundle.js
(capi-automation.s3.us-east-2.amazonaws.com)
|
None
|
63 KiB
|
|
byskinlab.com
Propio
|
2,897 KiB
|
Conclusión: La mayoría de los recursos en Skinlab no tienen una política de caché definida (None) o es extremadamente corta (15-20 min), lo que obliga al navegador a descargar casi 3MB en cada visita móvil.
2. Mejora la entrega de imágenes (Ahorro estimado de 1,200 KiB)
|
URL
|
Tamaño de transferencia
|
Duración (Latencia)
|
|---|---|---|
|
byskinlab.com
Propio
|
1,128.4 KiB
|
16,700 ms
|
|
…08/slide-endurecedor-home-pc.jpg
(www.byskinlab.com)
|
189.7 KiB | 4,200 ms |
|
…01/slide-esmaltes-rojos-enero-pc.jpg
(www.byskinlab.com)
|
180.8 KiB | 3,800 ms |
|
…11/slide-sac-2025-pc.jpg
(www.byskinlab.com)
|
173.1 KiB | 3,100 ms |
|
…11/slide-esmaltes-pc.jpg
(www.byskinlab.com)
|
165.1 KiB | 2,500 ms |
|
…02/slide-esmaltes-feb-pc.jpg
(www.byskinlab.com)
|
138.7 KiB | 1,800 ms |
3. JavaScript & CSS Sin Usar (Ahorro estimado: 250 KiB)
|
URL
|
Tamaño de transferencia
|
Ahorro estimado
|
|---|---|---|
|
Google Tag Manager
tag-manager
|
274.1 KiB
|
114.9 KiB
|
|
/gtag/js?id=G-BPBCY6JXS1&cx=c>m=4e62c0
(www.googletagmanager.com)
|
158.9 KiB | 60.1 KiB |
|
TikTok
social
|
105.3 KiB
|
55.7 KiB
|
|
…static/main.MWIwNzUxMTllMA.js
(analytics.tiktok.com)
|
105.3 KiB | 55.7 KiB |
|
Facebook
social
|
92.3 KiB
|
32.5 KiB
|
|
/en_US/fbevents.js
(connect.facebook.net)
|
92.3 KiB | 32.5 KiB |
|
Amazon Web Services
other
|
62.8 KiB
|
25.9 KiB
|
|
…capiParamBuilder/clientParamBuilder.bundle.js
(capi-automation.s3.us-east-2.amazonaws.com)
|
62.8 KiB | 25.9 KiB |
|
byskinlab.com
Propio
|
24.0 KiB
|
20.6 KiB
|
|
…js/jet-elements.min.js?ver=2.7.7
(www.byskinlab.com)
|
24.0 KiB | 20.6 KiB |
Embudo de Conversión Crítico (GA4 + Clarity)
Análisis detallado de eventos y fricción: 15 Ene – 16 Feb 2026
Flujo de Intención de Compra (Datos Reales)
Visualización de datos fuente (Ruta de Exploración):
Conversión por Canales Alternos
Se observa una alta interacción con formularios y canales de contacto directo:
| Evento de Contacto | Usuarios |
|---|---|
| WhatsApp (clic_boton_whatsapp) | 883 |
| Envío Formulario (Form submitted) | 33 |
| Inicio Formulario (Form appear) | 345 |
Puntos de Dolor (Clarity Insights)
Abandono Crítico: El 44.9% de los usuarios que ven el catálogo (12,941) no logran concretar el clic en un producto específico (7,136).
Abandono en Checkout: 56.4%
De 1,644 usuarios que inician el pago, solo 717 terminan. Se pierde a más de la mitad de los clientes con intención real en la pasarela.
Salud de la Sesión
| Métrica | Valor |
|---|---|
| Usuarios Activos Totales | 17,111 🟢 |
| Eventos por Usuario | 17.41 🟢 |
| Eficiencia Checkout | 43.6% (717 compras / 1644 inicios) 🔴 |
Análisis UX Profundo & Clarity
Identificación de barreras visuales con datos de Heatmaps y Clics (15-17 Feb).
El Problema: El usuario es recibido por un Pop-up intrusivo que cubre parte del fondo. En móvil, esto actúa como una pared.
Dato Clarity (Clics): La interacción principal (17.04%) se concentra en las flechas del slider y botones de cierre, indicando que el usuario lucha por quitar lo que tiene enfrente para ver el contenido real.
Searchbar Invisible: A pesar de tener un buscador potente, está oculto bajo un ícono genérico en móvil. Los datos de clic muestran una interacción nula con la búsqueda, forzando al usuario a navegar por menús complejos.
Menú Laberinto: Los usuarios abren el menú (3.4% de clics) pero se encuentran con listas de texto sin jerarquía visual.
Conclusión: La navegación depende de que el usuario intuya dónde hacer clic, en lugar de mostrarle el camino.
El Problema: Los mapas de calor muestran una zona fría masiva entre el banner principal y el siguiente bloque.
Impacto en Flujo: Este espacio en blanco actúa como una señal de “fin de página” para el cerebro del usuario. Al no ver continuidad visual, el usuario asume que no hay nada más abajo y abandona o vuelve a subir (efecto yo-yo).
- Solución: Eliminar márgenes negativos/positivos excesivos en Elementor.
- Solución: Conectar secciones con un color de fondo continuo o elementos puente.
-
🔴 16.19% Quick Backs (Retornos Inmediatos):
Dato crítico. El 16% de los usuarios entra y sale inmediatamente. Esto confirma que la carga lenta (16s) o el Pop-up están expulsando al tráfico antes de que lean una sola palabra.
-
💀 9.12% Dead Clicks (Clics Muertos):
Casi 1 de cada 10 usuarios hace clic en algo que parece interactivo pero no lo es (probablemente elementos del slider o imágenes estáticas).
-
🟡 0.09% Rage Clicks:
Bajo volumen, lo que indica que los usuarios no se “pelean” con la página; simplemente se van decepcionados (apatía vs rabia).
Ausencia Crítica: El análisis del Home revela que NO hay productos visibles directamente en la página de inicio.
La Ruta Imposible: Para ver un precio o un producto, el usuario debe navegar al menú -> Shop. Esto añade 3 clics de fricción. En e-commerce, cada clic extra reduce la conversión en un 50%.
Recomendación: Es urgente sacar los “Best Sellers” del escondite y ponerlos en el Home (Carousel) justo después del banner principal.
Concentración (0-20%): Los usuarios pasan el 19.55% de su tiempo viendo el Header y los Banners iniciales.
El Desplome (25%): Al llegar al pixel correspondiente al 25% de la página (el “Abismo Visual”), la atención colapsa al 3.27%.
Conclusión: El 97% de la atención del usuario se pierde antes de llegar a la mitad de la página. Nadie ve el footer ni el contenido inferior.
🎯 Diagnóstico Final: 10 Hallazgos Clave
Resumen ejecutivo del estado del sitio y potencial de crecimiento para Skinlab.
🚀 El Motor vs. La Carrocería
1. El servidor responde bien, pero el peso del frontend móvil (2.8MB) asfixia la carga.
- ● 2. LCP Crítico (16.7s): El banner principal sin optimizar es el principal freno visual en móviles.
- ● 3. Bloqueo JS (Elementor): Scripts de diseño y trackers externos detienen la interactividad por varios segundos.
- ● 4. Cache Inexistente (None): Imágenes y recursos estáticos se descargan desde cero en cada sesión.
⚠️ Barreras de Usuario
Índice de Frustración: MUY ALTO
5. El 16.19% de los usuarios huye (Quick Back) ante el muro de carga y pop-ups.
- ● 6. Clics Muertos (9.12%): Elementos que parecen botones (como sliders) no responden, frustrando al usuario.
- ● 7. El “Abismo Visual”: Espacios en blanco masivos rompen el scroll, perdiendo al 97% de la atención.
- ● 8. Vitrina Invisible: La ausencia de productos en el Home obliga a 3 clics extra para comprar.
9. Análisis de Fuga Crítica (Scroll & Atención)
97%
Fuga de atención tras el primer banner
La atención colapsa del 19.5% al 3.2% al llegar a la zona de scroll del 25%. Los usuarios están “atrapados” en la parte superior luchando contra la carga y el pop-up; casi nadie llega a ver la oferta comercial de Skinlab.
10. Potencial de Crecimiento Estimado
Corregir el “Abismo Visual” y el LCP permitirá que los 12,941 usuarios que hoy ven el catálogo realmente puedan añadir al carrito.
+400% ROI
Plan de Acción: Hoja de Ruta Skinlab
Pasos de ejecución detallados para transformar la fricción en conversión.
CORRECCIÓN TÉCNICA (Dead Clicks & JS)
Prioridad: Inmediata.
Eliminar los
errores de consola que bloquean la ejecución de scripts. El
9.12% de clics muertos se debe a elementos que no disparan
eventos.
const initInteraction = () => {
const uiElements = document.querySelectorAll(‘.jet-slider, .dialog-close-button, .elementor-button’);
uiElements.forEach(el => {
if (el && !el.dataset.bound) {
el.addEventListener(‘click’, handleSafeClick);
el.dataset.bound = “true”;
}
});
};
REINGENIERÍA DEL POP-UP (Eliminar el Muro)
Prioridad: Crítica.
El 16.19% de
abandonos inmediatos (Quick Backs) ocurre por el bloqueo visual
al entrar.
- Nuevo Trigger: Configurar el Pop-up para aparecer tras 30 segundos de navegación o al detectar “Intent de salida” (Exit Intent).
- Versión Móvil: Desactivar el modal central. Sustituir por un “Floating Action Button” (FAB) o una barra minimalista en el footer que no bloquee el scroll.
- Cookies: Reducir el banner de consentimiento a una línea discreta en la parte inferior.
INSERCIÓN DE PRODUCTOS EN EL HOME
Prioridad: Alta.
Acortar el camino al
carrito. Actualmente los productos están “escondidos” en el
Shop.
- Carrusel Best Sellers: Insertar un carrusel dinámico inmediatamente después del banner principal.
- Shop by Category: Reemplazar imágenes estáticas de servicios por círculos de categorías de productos (Limpiadores, Sueros, Protección Solar).
- Normalización Visual: Forzar por CSS que todas las tarjetas de producto tengan el mismo ratio de imagen y altura de botón para evitar el CLS (salto de contenido).
OPTIMIZACIÓN WEB VITALS (LCP 16.7s → 2.5s)
Prioridad: Técnica.
La carga lenta es el
principal “asesino” de la conversión en Skinlab.
- Formato WebP: Convertir todos los banners de Elementor de .png/.jpg a .webp (reducción de peso del 70%).
- Lazy Load selectivo: Desactivar Lazy Load solo para el primer banner (LCP) para que aparezca instantáneamente.
- WP Rocket / LiteSpeed: Activar la generación de CSS crítico y retrasar la ejecución de scripts no esenciales (Clientify, Clarity) hasta la primera interacción.
MEGA MENÚ VISUAL & NAVEGACIÓN
Prioridad: UX Media.
Eliminar el menú de
lista infinita que genera el “falso fondo”.
- Iconografía: Añadir miniaturas de las marcas o tipos de producto dentro del menú desplegable.
- Jerarquía: Destacar las categorías “Ofertas” y “Nuevos Ingresos” con colores contrastantes.
- Reducción de Header: Disminuir el padding vertical del menú principal para ganar 40px de espacio visible “Above the Fold”.
OPTIMIZACIÓN DEL BUSCADOR (Search UX)
Prioridad: Alta.
Transformar el buscador
de un ícono pasivo a una herramienta de venta activa.
- Barra Expandida: En móvil, mostrar el input de búsqueda siempre abierto en la parte superior.
- Resultados en Tiempo Real: Configurar búsqueda predictiva que muestre foto del producto y precio mientras el usuario escribe.
- Placeholder Dinámico: Cambiar “Buscar…” por “Busca tu marca favorita o tipo de piel…”.
ESTRATEGIA DE RETENCIÓN & ROI
Prioridad: Estratégica.
Consolidación de
la inversión publicitaria capturando la atención antes del
scroll del 25%.
Matriz de Ejecución SKINLAB
Plan maestro para recuperar el 90% de usuarios que hoy no ven productos.
Velocidad y Acceso
Meta: Bajar LCP a 3s y eliminar el popup intrusivo.
- Compresión masiva de imágenes.
- Sustituir Pop-up por Sticky Bar.
- Eliminar el “Abismo Blanco” (padding CSS).
Exposición de Oferta
Meta: Mostrar productos en los primeros 1000px de scroll.
- Carrusel de “Más Vendidos” en Home.
- Buscador predictivo visual.
- Categorización con iconos.
Optimización de Pago
Meta: Subir la eficiencia de checkout del 3% al 10%.
- One-Click Checkout.
- Botones de WhatsApp flotantes.
- Mega Menú persistente.
KPIs de Éxito Post-Implementación
| Métrica | Actual | Meta (Q2) | Impacto Negocio |
|---|---|---|---|
| Profundidad de Scroll (50%) | 4.1% | 25.0% | Exposición real de productos |
| Adiciones al Carrito | 0.8% | 3.5% | Incremento directo en pedidos |
✅ Validación de Datos: Se recomienda realizar un nuevo seguimiento en Clarity 15 días después de aplicar los cambios para comparar los “Dead Clicks” y el mapa de calor de atención.