Resumen Ejecutivo: Estado Crítico
Auditoría completa al 16 Feb 2026. Se detecta una brecha de rendimiento severa entre Móvil y Escritorio que causa el abandono del 91% del tráfico.
Carga Lenta (5s+)
Aceptable pero mejorable
Usuarios perdidos en Home
Retrocesos Rápidos (Clarity)
1. Discrepancia Técnica (44 vs 64)
La versión móvil está penalizada por Google debido a imágenes pesadas y scripts de bloqueo (TBT). El escritorio resiste mejor, lo que confirma que el problema no es el servidor, sino la optimización frontend móvil.
2. Bloqueo de UX (El “Portero”)
Un Modal Central (Pop-up) con overlay oscuro recibe al usuario. En móvil, esto cubre la mayor parte de la pantalla útil, obligando a una interacción de cierre antes de ver productos.
3. Error de Código (Bug JS)
Se detectó el error
TypeError: null is not an object. Esto rompe la
funcionalidad de cierre del pop-up en algunas sesiones,
atrapando al usuario (100% Clics Muertos).
4. Menú Móvil “Falso Fondo”
El menú desplegable y el banner ocupan tanto espacio vertical que el usuario percibe que la página termina ahí. No bajan a ver los productos (Scroll Map rojo).
Análisis Técnico: PageSpeed Insights
Comparativa detallada Móvil vs Escritorio. La carga móvil es el cuello de botella.
¿Por qué 44 puntos?
El procesador móvil se satura. El LCP (Largest Contentful Paint) es de 5.0 segundos. Esto significa que el usuario ve una pantalla blanca durante 5 segundos antes de ver el banner.
Diferencias Clave
El LCP baja a 1.2s en Desktop, lo que prueba que el servidor responde rápido. La caída en móvil es puramente por peso de archivos y renderizado.
| Subparte | Duración |
|---|---|
| Time to First Byte | 0 ms |
| Retraso en la carga de recursos | 1,400 ms |
| Duración de la carga de recursos | 50 ms |
| Retraso en la renderización del elemento | 960 ms |
Análisis de Red y Recursos
Detalle de archivos y políticas de carga que ralentizan el sitio.
1. Usa tiempos de almacenamiento en caché eficientes (Ahorro estimado de 498 KiB)
|
Solicitud
|
TTL en caché
|
Tamaño de transferencia
|
|---|---|---|
|
Facebook
social
|
135 KiB
|
|
|
/en_US/fbevents.js
(connect.facebook.net)
|
20m
|
96 KiB
|
|
…config/849…?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)
|
Ninguna
|
63 KiB
|
|
clientify.net
|
32 KiB
|
|
|
/tracker.js
(analytics.clientify.net)
|
Ninguna
|
31 KiB
|
|
skinbar.com.co
Propio
|
1,559 KiB
|
|
|
…01/banner-liquidacion-2026-mv.gif
(www.skinbar.com.co)
|
7dd.
|
91 KiB
|
Conclusión: Recursos estáticos como el banner de liquidación propio tienen solo 7 días de caché; deberían ser de 1 año. Scripts externos de Facebook duran solo 20 min y Amazon Web Services no cuenta con política de caché definida.
2. Mejora la entrega de imágenes (Ahorro estimado de 597 KiB)
|
URL
|
Tamaño del recurso
|
Ahorro estimado
|
|---|---|---|
|
skinbar.com.co
|
1,550.3 KiB
|
597.4 KiB
|
|
…01/banner-liquidacion-2026-pc.gif
(www.skinbar.com.co)
|
176.9 KiB | 132.6 KiB |
|
…07/skinbar-1.jpg
(www.skinbar.com.co)
|
132.5 KiB | 40.2 KiB |
|
…07/skinbar-3.jpg
(www.skinbar.com.co)
|
128.8 KiB | 38.4 KiB |
|
…07/dra-andrea-correa.jpg
(www.skinbar.com.co)
|
47.9 KiB | 37.6 KiB |
|
…07/dra-catalina-rico.jpg
(www.skinbar.com.co)
|
43.5 KiB | 34.1 KiB |
3. JavaScript & CSS Sin Usar (Ahorro estimado de 144.1 KiB)
|
URL
|
Tamaño de transferencia
|
Ahorro estimado
|
|---|---|---|
|
skinbar.com.co
Propio
|
145.0 KiB
|
144.1 KiB
|
|
…css/dashicons.min.css?ver=6.9.1
(www.skinbar.com.co)
|
34.2 KiB | 34.2 KiB |
|
…css/style.min.css?ver=1.0
(www.skinbar.com.co)
|
24.7 KiB | 24.2 KiB |
|
…css/all.css?ver=6.4.0
(www.skinbar.com.co)
|
22.0 KiB | 21.9 KiB |
|
…css/all.min.css?ver=6.7.2
(www.skinbar.com.co)
|
20.1 KiB | 20.0 KiB |
|
…css/jet-elements.css?ver=2.6.18
(www.skinbar.com.co)
|
19.3 KiB | 19.1 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 detecta una fuerte intención de compra asistida y contacto directo:
| Evento de Contacto | Usuarios |
|---|---|
| WhatsApp (clic_boton_whatsapp) | 135 |
| Agendar Cita (click_agendar_cita) | 79 |
| Checkout Iniciado (begin_checkout) | 229 |
Puntos de Dolor (Micro-interacciones)
Fuga crítica: El 94.2% de los usuarios que muestran interés en un producto (7,850) no llegan a añadirlo al carrito (454).
Abandono en Checkout: 54.6%
De los 229 usuarios que inician el checkout, solo 104 completan la compra. Se pierde a la mitad de los clientes con intención real en la pasarela.
Salud de la Sesión
| Métrica | Valor |
|---|---|
| Usuarios Totales | 9,844 |
| Eventos por Usuario | 11.13 🟢 |
| Eficiencia Checkout | 45.4% (104 compras / 229 checkouts) 🔴 |
Análisis UX Profundo & Clarity
Identificación de barreras visuales con datos de Heatmaps y Clics.
El Problema: Aunque no es Full-Screen, el modal central tiene un overlay (fondo oscuro) que bloquea la tienda. En pantallas móviles pequeñas, se percibe como una barrera total.
Dato Clarity (CSV): El
13.51% de todos los clics en móvil son en el
botón de cerrar (dialog-close-button). Es la
interacción #1 del sitio.
Searchbar: Tienes una búsqueda predictiva potente que se desperdicia porque el usuario rebota antes de usarla. En móvil está oculta tras un ícono.
Menú Móvil: Al desplegarse, es una lista de texto infinita que empuja el contenido hacia abajo (“Falso Fondo”).
Sugerencia: Implementar un Mega Menú Visual con iconos para categorías. Es más intuitivo y reduce el scroll.
El Problema: Existe un espacio blanco masivo y vacío entre el banner principal (“Happy Hour”) y la siguiente sección de contenido. Este “hueco” rompe la continuidad visual y obliga al usuario a hacer scroll innecesario para encontrar valor real, lo que acelera el abandono prematuro antes de llegar a los productos.
Soluciones Planteadas:
- Reducción de Padding/Margin: Eliminar el margen vertical excesivo para unificar las secciones visualmente.
- Inserción de CTA: Aprovechar el espacio para colocar un botón de “Comprar Ahora” o “Ver Servicios” que redirija al usuario antes de que pierda interés.
- Banner Unificado: Fusionar ambos bloques en una sola composición visual que elimine el salto cromático brusco.
-
🔴 16.19% Quick Backs (Retornos Inmediatos):
Detectado en 561 sesiones. Representa a usuarios que abandonan el sitio casi instantáneamente tras entrar. ¿Qué significa? Es una métrica de rebote visual crítica provocada por barreras iniciales.
-
💀 9.12% Dead Clicks (Clics Muertos):
Ocurre en 316 sesiones. Interacciones en elementos que no producen respuesta, deteniendo el flujo de conversión.
-
🟡 0.09% Rage Clicks (Clics de Rabia):
Solo registrado en 3 sesiones. Refleja que el usuario prefiere abandonar el sitio antes que insistir ante un error.
Abandono por Profundidad: Los productos están situados demasiado abajo en el Home. La mayoría de los usuarios se pierden en los banners superiores y no llegan a la sección comercial, lo que explica por qué solo se registran 2 adiciones al carrito frente a más de 10,000 sesiones iniciales.
Estética e Inconsistencia: Se observa una disparidad visual en las alturas de los productos, lo que genera una experiencia de navegación desordenada. Mostrar pocos productos de forma estática desaprovecha el interés del usuario.
Recomendación UX: Implementar un Carrusel de Productos con alturas normalizadas. Esto permitiría mostrar más variedad en menos espacio vertical, mejorando la estética y facilitando el descubrimiento de productos sin tanto scroll.
La Zona Roja: Los usuarios pasan el 27.19% de su tiempo en el 10% superior de la página (Luchando con el Popup y el Menú).
La Caída: Al llegar al 35% de profundidad (donde terminan los banners), la atención cae dramáticamente al 4.13%. Prácticamente nadie ve los productos listados abajo.
🎯 Diagnóstico Final: 10 Hallazgos Clave
Resumen ejecutivo del estado del sitio y potencial de crecimiento.
🚀 El Motor vs. La Carrocería
1. El servidor responde bien, pero el frontend móvil lastra la experiencia total.
- ● 2. LCP de 5s: El banner GIF con “lazy loading” es el principal cuello de botella visual.
- ● 3. Bloqueo de Hilo: Scripts externos detienen el sitio por 1.2s críticos.
- ● 4. Cache Ineficiente: La configuración de 20 min satura al servidor con peticiones repetitivas.
⚠️ Barreras de Usuario
Índice de Frustración: ALTO
5. El 13.5% de la energía del usuario se desperdicia cerrando pop-ups intrusivos.
-
● 6. Error JS Crítico:
null is not an objectinhabilita botones clave. - ● 7. Menú Infinito: Crea un “falso fondo” que confunde la navegación móvil.
- ● 8. Búsqueda Invisible: Se desperdicia la potencia de la búsqueda predictiva.
9. Análisis de Fuga Crítica
91%
Usuarios que NO ven productos
La mayoría de los visitantes abandonan el sitio en el Home debido a la combinación de carga lenta (LCP) y pop-ups inmediatos. Estamos perdiendo al 9 de cada 10 potenciales clientes en la puerta.
10. Potencial de Crecimiento Estimado
Optimizar la velocidad y UX móvil no es solo un ajuste técnico; es una palanca financiera.
2X VENTAS
Plan de Acción: Hoja de Ruta
Pasos de ejecución detallados para el equipo técnico y de diseño.
CORRECCIÓN TÉCNICA (Bug JS)
Prioridad: Inmediata.
El error
null is not an object está causando los Clics Muertos.
document.addEventListener(‘DOMContentLoaded’, () => {
const closeBtn = document.querySelector(‘.dialog-close-button’);
if (closeBtn) {
closeBtn.addEventListener(‘click’, closePopup);
}
});
REINGENIERÍA DEL POP-UP
Prioridad: Alta.
Cambiar configuración en Elementor/Popup Maker:
- Trigger: Cambiar “Carga Inmediata” por “Exit Intent” o “Scroll 50%”.
- Móvil: Desactivar Modal y usar “Sticky Bar” inferior.
OPTIMIZACIÓN DE IMÁGENES & SCRIPTS
Prioridad: Alta (Para subir de 44 a 70+ en PSI).
- Instalar Imagify/Smush: Convertir todo a WebP.
- Configurar WP Rocket: Activar “Delay JavaScript Execution”.
- Pre-conectar dominios:
analytics.clientify.net,scripts.clarity.ms.
MEJORA UX: MEGA MENÚ
Prioridad: Media.
Reemplazar el menú de lista tradicional por un Mega Menú Visual.
Usar iconos o miniaturas para categorías. Esto reduce la altura del menú y lo hace más intuitivo.
VISIBILIDAD Y DISEÑO DE PRODUCTOS
Prioridad: Alta.
Los productos están situados demasiado abajo en el Home. La mayoría de los usuarios no llegan a la sección comercial.
- Implementación de Carrusel: Reemplazar el grid estático por un carrusel dinámico para mostrar más variedad en menos espacio vertical.
- Normalización de Alturas: Aplicar CSS para asegurar que todas las tarjetas de producto tengan el mismo alto.
- Reducción de Scroll: Eliminar los márgenes blancos excesivos para subir la sección de productos en la jerarquía visual.
VISIBILIDAD DEL BUSCADOR
Prioridad: Media.
Expandir la barra de búsqueda en móvil.
Mostrar el campo de texto abierto con el placeholder “Busca tu marca favorita…” en lugar de solo el ícono.
ADELGAZAMIENTO DEL HEADER
Prioridad: Baja.
Reducir padding y tamaño de logo en móvil.
.site-header { padding: 10px 0; }
.logo-img { max-width: 120px; }
}
ESTRATEGIA DE MITIGACIÓN DE FUGAS & ROI
Prioridad: Estratégica / Negocio.
Este bloque consolida las acciones técnicas anteriores con objetivos financieros y de conversión.
Hoja de Ruta de Optimización
Priorización basada en impacto (ROI) y facilidad de implementación.
1. Eliminación de Fricción Inicial
Hallazgo: 13.5% de clics en “Cerrar Pop-up” indican molestia inmediata.
- A/B Test: Desactivar pop-up 7 días vs. Delay de 60s.
- Mobile First: Reducir banner de cookies (máx 15% de pantalla).
- Zero-Blocking: Asegurar que el pop-up no bloquee el scroll.
2. Reestructuración “Above the Fold”
Hallazgo: La atención cae un 80% tras el primer scroll.
- CTA Directo: Botón “Ver Catálogo” visible sin hacer scroll.
- Social Proof: Texto de confianza bajo el botón principal.
- Jerarquía: Más acceso directo a producto.
3. Calidad del Tráfico y Carga
Hallazgo: Sesiones de 32s sugieren tráfico frío o carga lenta.
- Core Web Vitals: Optimizar LCP para bajar de 2.5s.
- Ads Audit: Revisar concordancia de palabras clave.
- Pre-fetching: Cargar imágenes de productos en background.
Objetivos Esperados
| Métrica | Actual | Meta | Impacto Estimado |
|---|---|---|---|
| Retención en Home | 9% | 15% | +600 usuarios calificados |
| Tiempo de Sesión | 32s | 50s | Aumento en intención de compra |
✅ Próximo Paso de Control: Comparar mapas de calor post-cambios para confirmar la redirección de clics.