Resumen ejecutivo: si sigue las mejores prácticas a continuación para el diseño web móvil, la diferencia no es significativa.
1) Mantenga el DOM y CSS lo más simple posible
2) Servir CSS y JS minificados
3) Optimice su javascript, incluya solo lo que necesita
4) Optimice todos los activos de imagen, incluya solo lo que necesita
5) Use una buena configuración de caducidad (caché) en sus activos
5) Entregue todos los activos lo más rápido posible usando un CDN para minimizar la cantidad de segundos que la radio está a plena potencia
Los detalles:
- ¿Alguien puede desarrollar un sitio web móvil y amigable con Google para nosotros?
- ¿Cuál es el secreto del bajo precio con muchas funciones de los teléfonos móviles Xiaomi y otros dispositivos electrónicos?
- ¿Cuál es la mejor manera de crear una aplicación móvil sin programación, de forma gratuita?
- ¿Cuáles son los pros y los contras de lanzar inicialmente a través de una aplicación móvil versus una aplicación web?
- ¿Es el teléfono HTC una buena compra por debajo de 15k?
Depende de cuánto javascript esté usando para generar la solicitud AJAX, cuántas manipulaciones DOM directas (causando repintado) que se ejecutarán como resultado de la solicitud AJAX y qué tan bueno es para asegurarse de que los recursos estáticos (imágenes / scripts / css) tienen un conjunto de encabezados que caduca en un futuro lejano.
La ejecución de Javascript puede ser una gran fuente de consumo de batería. Si está utilizando un marco web de escritorio con un montón de módulos, incluido el fregadero de la cocina, la duración de la batería y el rendimiento de representación de la página se verán afectados. Si está utilizando un marco ligero como Zepto (http://zeptojs.com/) o Xui: (http://xuijs.com) y escribe su código con cuidado para que pueda hacer toda su inyección de contenido con un solo Manipulación DOM, el enfoque Javascript / AJAX probablemente será marginalmente más rápido y usará marginalmente menos duración de la batería.
Suponiendo que está implementando las mejores prácticas, como establecer buenos encabezados de caché en todos los recursos estáticos, escribir HTML ajustado, minimizar su JavaScript y CSS, y traer solo los recursos que necesita, la diferencia de un enfoque a otro no será perceptible. Debe seguir el enfoque que sea más fácil de mantener para su base de código.
La siguiente fuente más grande de pérdida de batería es activar la radio en el teléfono: las radios del teléfono generalmente pasan al modo inactivo o de media energía después de un corto tiempo sin actividad de red (varía según el teléfono y el fabricante). Si la vida útil de la batería es su principal preocupación, debe minimizar la cantidad de veces que se enciende la radio. Eso significa que si puede precargar y almacenar en caché los activos que sabe que es probable que el visitante necesite y evitar futuros calentamientos de radio inyectando contenido que esté en el almacenamiento local, mejorará tanto el rendimiento del sitio como la batería. uso. Esto es difícil de hacer bien: es difícil modelar con precisión lo que los visitantes necesitarán a continuación, si carga demasiado y no se usa, está causando un peor rendimiento. Y la búsqueda previa debe hacerse asincrónicamente para evitar afectar el tiempo de rendimiento de la primera carga.
Hay un gran artículo sobre el comportamiento del teléfono y el uso de la batería por parte de los investigadores de los Laboratorios AT&T:
http://www.research.att.com/arti…
