🐛v1.2 - Optimización de uso datos en dispositivos móviles (13/07/24)

Resumen

Se optimizó la velocidad de carga y el uso de datos de todo el sitio en dispositivos móviles.

Acerca de esta versión

El jueves pasado fui al dentista y estuve durante más de una hora emboladísimo en la sala de espera. Me pintó ver el sitio para contemplar los feeds.

Tras navegar durante 5 minutos recibí esta alerta del celu: "Advertencia de Uso de Datos - 2.0 GB".

Rarísimo, no suelo gastar 2GB de mi plan de datos al día 10 del mes. Me puse a analizar las peticiones de tráfico del sitio y noté que la web estaba consumiendo casi 23MB solamente por cargar la Home, y las fichas de producto también tenían un consumo alto!

Home - antes de la actualización

Me dispuse a optimizar absolutamente todos los aspectos posibles para que navegar por dispositivos móviles sea rápido y con un consumo de recursos de red bajo.

Home - después de la actualización

Este es sólo un principio.

En el futuro seguiré llevando a cabo tareas de optimización para reducir el uso de datos al máximo posible. Sin embargo, este es buen comienzo.

Listado de cambios

Se disminuyó el uso de datos móviles en un 83% a través de las siguientes acciones en Mobile

• Los sliders de Swiper correrán sólo cuando estén visibles en tu pantalla.

• Las imágenes de los sliders tendrán el atributo loading="lazy", es decir cargarán solamente cuando estén a punto de entrar en el viewport.

• Los vídeos ya no se descargarán y reproducirán automáticamente.

• A partir de ahora los vídeos del feed "Demos para jugar ahora" cargarán y se reproducirán sólo cuando estén visibles. Esto es posible gracias a la detección de visibilidad a través de la API de IntersectionObserver de JavaScript.

• Las capturas de pantalla de los juegos dejaron de servirse en tamaño 1920x1080 para servirse en tamaño de 660x338

• Algunas imágenes se sirven comprimidas desde el CDN de weserve.nl