PRUEBAS DE ESTRÉS:
ESCRITORIO(DESKTOP)
RENDIMIENTO:
El rendimiento general fue bajo (23/100), lo que indica que la página carga
lenta y con interrupciones.
1) Evitar cambios bruscos en el diseño:
La página presenta muchos movimientos cuando carga, lo que afecta la
experiencia del usuario. Sugerencia: Esto se puede mejorar fijando un tamaño
específico (width y height) a las imágenes y banners.
2) Reducir el impacto del código de terceros:
Scripts de plataformas como Google Tag Manager, Facebook o Taboola tardan
en cargar y bloquean la página. Una solución fácil sería hacer que estos scripts
se carguen después de que el contenido principal ya esté visible.
3) Usar imágenes más livianas y con mejor formato:
Se encontraron imágenes que podrían optimizarse para ahorrar más de 170
KB. Cambiar a formatos como .webp ayuda a que todo cargue más rápido.
4) Minimizar el JavaScript que no se usa:
Hay mucho código que se descarga pero no se usa. Se podría revisar y
eliminar lo innecesario, lo que reduciría el tiempo de bloqueo y aceleraría la
carga.
5) Mantener limpio el HTML:
Hay demasiados elementos en la estructura del sitio, lo cual complica la carga.
Se recomienda usar solo lo esencial.
ACCESIBILIDAD:
1) Los enlaces no dicen claramente a dónde llevan
Algunos vínculos no tienen texto o usan frases genéricas como “ver más” o
solo un ícono. Para alguien que usa lector de pantalla, eso no dice nada.
Sugerencias: Sería bueno que los enlaces expliquen mejor qué hacen, por
ejemplo: “Ver productos de limpieza” o “Ir al carrito”.
2) Algunos textos no se leen bien por el color
Hay partes del sitio donde el texto y el fondo tienen colores muy parecidos, y
eso lo hace difícil de leer, sobre todo para personas con baja visión.
Sugerencias: Lo ideal sería usar colores que contrasten bien, como texto oscuro
sobre fondo claro, o al revés. Eso ayuda a que todos puedan leer.
3) Hay botones que no dicen para qué sirven
Algunos botones no tienen nombre o descripción, así que el lector de pantalla
solo dice “botón”, sin más. Eso confunde.
Sugerencias: Estaría bueno que cada botón tenga un nombre claro, como
“Agregar al carrito”, “Buscar”, o “Enviar mensaje”.
CELULAR (MOVIL):
RENDIMIENTO:
1) El sitio tarda mucho en procesar el código (JavaScript)
La mayor parte del tiempo se va en analizar y ejecutar archivos que pesan
mucho.
Sugerencia: Estaría bueno reducir el tamaño de esos archivos y cargar solo lo
necesario. Una idea simple sería dividir el código en partes más pequeñas o
hacer que ciertas funciones se carguen más tarde, cuando el usuario las
necesite.
2) Hay muchos scripts externos que frenan la carga
Herramientas como Google Tag Manager, Hotjar, Facebook y otros cargan al
inicio y ocupan tiempo.
Sugerencia: Lo ideal sería que esos scripts se carguen después de que se
muestre el contenido principal, así el sitio responde más rápido.
3) Se descarga mucho código que no se usa al instante
Hay archivos grandes que llegan al celular, pero que no se usan de inmediato.
Sugerencia: La forma de mejorar esto es eliminar lo que no se usa o cargarlo
solo cuando sea necesario, así el sitio consume menos datos y abre más
rápido.
4) Algunas imágenes pesan demasiado
Hay imágenes que no están bien optimizadas y ralentizan la carga.
Sugerencia: usar imágenes más livianas o con formatos como .webp, que
ocupan menos espacio y se ven igual de bien.
5) El sitio carga CSS que no se está usando
Hay reglas de estilo que se descargan pero no se aplican.
Sugerencia: Una mejora sería limpiar el CSS innecesario o retrasar su carga,
para ahorrar datos y acelerar el tiempo de carga inicial.
ACCESIBILIDAD:
1) Botones sin nombre accesible
Algunos botones no tienen texto visible ni descripción. Por ejemplo, uno de los
botones principales solo dice “botón” para los lectores de pantalla.
Sugerencia: sería bueno que cada botón tenga un nombre claro usando un
texto visible o una etiqueta, por ejemplo: “Iniciar sesión” o “Ver carrito”.
2) Enlaces sin texto claro o repetidos
Hay enlaces que usan imágenes sin descripción o que repiten rutas como
“/promociones-bancarias” sin explicar qué son.
Sugerencia: Seria bueno que cada enlace tenga un texto único y entendible,
como “Ver promociones bancarias de electrodomésticos”, o al menos un alt si
es una imagen con función de enlace.
3) Colores con poco contraste
Algunos textos se ven muy suaves contra el fondo, lo que complica la lectura
para personas con baja visión.
Sugerencia: sería bueno revisar los colores y usar combinaciones que se
distingan mejor, como texto oscuro sobre fondo claro o viceversa.
RECOMENDACIONES:
1) Algunas fuentes son muy chicas y difíciles de leer
Casi la mitad del texto en la página tiene un tamaño menor a 12 px. Esto hace
que muchas personas tengan que acercar la pantalla con los dedos para poder
leer, lo cual no es cómodo.
Sugerencia: Seria bueno/ideal asegurarse de que todo el texto importante tenga
al menos 12 px, para que se vea bien sin hacer zoom. Esto haría que la
navegación sea mucho más agradable para todos y permitiría que el potencial
consumidor no se agote.
2) Hay imágenes con baja resolución
Algunas imágenes se ven borrosas o poco definidas en pantallas de celulares
con buena calidad. Esto puede dar una mala impresión visual del sitio.
Sugerencia: Una mejora sería usar imágenes que se adapten al tamaño y
resolución de cada pantalla, lo que se conoce como imágenes responsivas. Así
se ven más nítidas y profesionales.
