> For the complete documentation index, see [llms.txt](https://emilianogioia.gitbook.io/videojuegos-argentinos/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://emilianogioia.gitbook.io/videojuegos-argentinos/v1.2-optimizacion-de-uso-datos-en-dispositivos-moviles-13-07-24.md).

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

## <mark style="color:blue;">Resumen</mark>

{% hint style="success" %}
Se optimizó la velocidad de carga y el uso de datos de todo el sitio en dispositivos móviles.
{% endhint %}

## <mark style="color:blue;">Acerca de esta versión</mark>

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.&#x20;

{% hint style="warning" %}
Tras navegar durante 5 minutos recibí esta alerta del celu: \
**"Advertencia de Uso de Datos - 2.0 GB".**&#x20;
{% endhint %}

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!

<div align="left"><figure><img src="https://1587929901-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8uu8lOLhckQ9aAejfqcv%2Fuploads%2Ff6DFIqWC5m11egvna8wH%2Fimage.png?alt=media&amp;token=d62719ca-5687-419e-a48a-288bd812dd41" alt=""><figcaption><p>Home - antes de la actualización</p></figcaption></figure></div>

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.&#x20;

<div align="left"><figure><img src="https://1587929901-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8uu8lOLhckQ9aAejfqcv%2Fuploads%2FIlskBNDLHaAw28T9TZUA%2Fimage.png?alt=media&amp;token=c77c56eb-1f3f-4693-9fd9-028494540c17" alt=""><figcaption><p>Home - después de la actualización</p></figcaption></figure></div>

{% hint style="info" %}
Este es sólo un principio.&#x20;

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.
{% endhint %}

## <mark style="color:blue;">Listado de cambios</mark>

<mark style="color:green;">**Se disminuyó el uso de datos móviles en un 83% a través de las siguientes acciones en Mobile**</mark>

* 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.&#x20;
* 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.&#x20;
* 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