Construir API para usos móviles . Al desarrollar API personalizadas que ofrecen contenido personalizado y minimizado para dispositivos móviles, puede reducir la cantidad de viajes de ida y vuelta y el tamaño de la carga útil. Los datos deben limitarse solo a lo que se necesita para un cliente / uso en particular.
Uso inteligente de marcado . Al apegarse al marcado semántico, puede reducir el tamaño de la porción HTML de su carga útil por un amplio margen. Esta es la diferencia entre
- ¿Cuáles son algunos de los mejores flujos de información en un sitio web o aplicación móvil?
- Desde una perspectiva de desarrollo web, ¿por qué sitios como nytimes.com y huffingtonpost.com tienen versiones móviles en lugar de una versión receptiva?
- ¿Existe una aplicación o sitio web que pueda ayudarlo a encontrar una imagen que vio antes?
- ¿Cómo la web móvil está creando grandes oportunidades para las empresas?
- ¿Cuál es la principal diferencia entre las aplicaciones móviles y los sitios web?
, donde es posible.
Sprites y fuentes de iconos . La reducción de la cantidad de recursos de imagen mejora el tiempo de carga y la huella de memoria. Los sprites diseñados para dispositivos móviles ocupan menos ancho de banda y almacenamiento local. Si tiene la capacidad, crear fuentes a partir de sus íconos (específicamente para dispositivos móviles) puede reducir aún más el ancho de banda, ya que las fuentes están representadas por conjuntos de vectores que se reproducen bien en cualquier navegador webkit móvil.
Minimizado, comprimido y podado cuidadosamente . Tiende brutalmente tu CSS y código de plantilla, eliminando todo lo que no es vital (o usado). Reduzca la superposición de selectores CSS y use herramientas de implementación que pueden minimizar sus scripts y archivos CSS. Y asegúrese de habilitar la compresión HTTP, ya que la mayoría de los clientes móviles lo admiten.