Los dispositivos móviles tienen CPUs más lentas, menos memoria y redes más lentas. La optimización móvil requiere estrategias específicas.

Redes lentas

Minimiza el peso total de la página (< 1MB ideal). Usa la API Network Information para detectar conexiones lentas. Prioriza contenido crítico con lazy loading para el resto.

Memoria limitada

Evita fugas de memoria con correcta limpieza de event listeners y observadores. Libera referencias a grandes buffers. Usa performance.memory para monitoreo.

Rendimiento de renderizado

Reduce el tamaño del DOM (< 1500 nodos). Evita layouts complejos con CSS Containment. Usa content-visibility: auto para secciones fuera de pantalla.

Interacción táctil

Mantén el feedback táctil en menos de 100ms. Usa touch-action CSS para optimizar gestos. Evita handlers síncronos costosos en eventos touch.