# 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: \
\&#xNAN;**"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="/files/HSanhiqqeQvmmReGTAQW" 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="/files/fn4vnpYlV3eklG5pmjaA" 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://emilianogioia.gitbook.io/videojuegos-argentinos/v1.2-optimizacion-de-uso-datos-en-dispositivos-moviles-13-07-24.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.