Thread by @JaimeObregon

A ver si así…

Por cierto… esto es medalla olímpica de algo: la portada de logronocompra.es requiere de 32 MB 😳 y tarda 5 minutos y 48 segundos en terminar de cargar. ¿Cuánto es eso en campos de fútbol? 😂 Desde el móvil fundiría casi 24 MB de datos, solo la portada.

Solo el fichero HTML principal son casi 12 MB. Eso son unas quinientas veces más de lo normal 🔥.

La razón parece ser que han incrustado un bitmap dentro de una imagen vectorial, y eso es una *mala* idea porque es muy ineficiente en tráfico de red y tiempo de renderizado.

La herramienta PageSpeed Insights, que es un poco el estándar para evaluar el rendimiento de un sitio web, le da a logronocompra.es una nota de 7 puntos sobre 100.
¡El sitio tarda casi un minuto y medio en cargar y poder interactuar con el usuario!

💡Hmmm… estoy pensando una cosa muy loca, pero que no me extrañaría nada: han deshabilitado la indexación en buscadores porque cuando alguno les indexa («crawl»), les tumba la plataforma 😂😂😂.

¡¡¡EUREKA!!! ¡Me apuesto algo a que es eso lo que está pasando jajaja!

ME PARTO.

Llega el bot de turno a indexar el sitio, le sirven un HTML de 12 MB *por cada ficha de producto* y la plataforma queda fuera de servicio (y en el CPD se percibe un fuerte olor a quemado 😂).

Y para evitarlo… ¡idea de bombero! 🚒🚨:

User-agent: *
Disallow /

Es evitar un problema sin resolverlo y generando en el proceso otro mayor.

Esto explicaría porque logronocompra.es no está en Google, y por qué no pueden hacer que esté 😂.

Dedico este hilo a todos los sysadmin que me siguen y entienden lo que estoy diciendo 🍻.

[Actualización]

Parece que en algún momento del pasado la plataforma sí estuvo indexada y la han retirado de los buscadores después. Google encontró el proyecto de Illustrator que han empotrado incorrectamente dentro de un SVG, así que los resultados de búsqueda se veían así 👇.

Parece que esta gente ha incrustado en el sitio un proyecto de Adobe Illustrator y se lo están sirviendo a cada visitante en cada ficha de producto. ¡Eso es una traca! No tiene ningún sentido. Simplemente con retirar eso del SVG ya notarían una mejora brutal de rendimiento y SEO.

Vale; ya sé qué está pasando: son los iconos. Cada icono está incrustado vectorialmente en el sitio, una y otra vez. Esto no habría de ser necesariamente un problema si no fuera porque cada icono tiene incrustado, a su vez, un proyecto de Illustrator de cientos de kilobytes 😂.

Alguien tiene que decirle a estos chicos que exporten los iconos optimizados para web. Porque al incrustar un binario dentro de un SVG como están haciendo ahora, los datos se codifican en base64 y eso, además de innecesario, es súper ineficiente.

He optimizado uno de los iconos para probar y la diferencia es salvaje: el SVG optimizado ocupa 1 KB, pero la versión que están sirviendo ocupa 362 KB. Solo en la portada hay 33 iconos con este problema:

361 × 32 = 11 MB de chatarra en cada respuesta del servidor. El 98%.

Por culpa de esto el sitio tiene un rendimiento ínfimo. También parece ser la causa por la cual han deshabilitado la indexación en buscadores y NINGÚN PRODUCTO de la tienda sale en Google, Bing o DuckDuckGo.

Al menos parece fácil de resolver.
Ojalá lean esto y lo arreglen.
🍻

Por lo demás, la arquitectura general del sitio mola. Solo lo he mirado por encima, pero parece un fronted de Angular con el catálogo servido por GraphQL desde un host externo. Es una arquitectura interesante.

Pero se han columpiado épicamente con lo de los iconos.

Este proyecto tiene un backend molón (Angular, GraphQL…) y un frontend desastroso, porque además faltan todos los metadatos para el SEO. Los productos del catálogo no tienen metaetiquetas y todos los productos tienen internamente el mismo título: «Logroño compra».

Si ya tiene los días contados un «marketplace» local técnicamente bien hecho, imaginaos logronocompra.es, que está hecho un coloño por dentro… Se han fundido la pasta en una iniciativa que solo va a existir mientras Cámara y Ayuntamiento bombeen dinero y marketing.

Y digo «existir» y no «funcionar», porque funcionar, no va a funcionar nunca. Por mucha campaña institucional que hagan y muchas cuñas en la radio que contraten.

Pueden darle toda la visibilidad que quieran, pero estas iniciativas locales digitales raramente sobreviven.

Y en eso es especialista el sector público cuando se pone a construir servicios digitales: en el truco de trilero que es hacer confundir «visibilidad» con «éxito». En inflar el globo. Voy abriendo un nicho para «Logroño Compra» en mi cementerio digital 👇.

https://twitter.com/JaimeObregon/status/1421085279419617288

FLIPANDO ESTOY con el listado de categorías de @LogronoCompra. Si entras a la sección «Mercería»… ¡te descarga *más de 300 MB* de datos! Casi cuatro minutos. Es como bajarse una peli 🤦‍♂️🔫.

Si tienes una tarifa de datos en el móvil, no hagas clic aquí: logronocompra.es/dp/23

Esto es lo que pasa cuando programan diseñadores (o diseñan programadores). Y cuando desde el sector público se lanzan «a digitalizar» causas perdida que con dinero privado no sobrevivirían a una primera reunión de evaluación de viabilidad.

No es digitalización, es prestidigitación 💸💸💸.