Consejos para optimizar un sitio web para el navegador de Android?

Estoy buscando consejos, trucos y recursos para optimizar el diseño de un sitio web para el navegador de Android.

Estoy construyendo una aplicación de Android y algunas de las funcionalidades serán accesibles a través de una interfaz web.

Confío en dos elementos para optimizar sitios web para navegadores móviles (especialmente Android y iPhone):

Meta etiquetas: HandheldFriendly y viewport

Normalmente quiero que las páginas no tengan un ancho de página de 800 a 900 píxeles, ya que los navegadores de Android y iPhone lo configuran de forma predeterminada. Para que el ancho de página sea el mismo que el ancho del dispositivo, establezco las siguientes etiquetas meta:

<meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" /> 

Consultas de medios CSS

Adapto el diseño al ancho de la página. Por ejemplo, tener un contenido de 2 columnas para pantallas grandes y una columna para pantallas pequeñas e imprimir. Así que incluyo en el archivo css principal principal css-includes con consultas de medios:

 @import url(style-screen.css) screen; @import url(style-small.css) print, handheld; @import url(style-large.css) screen and (min-width: 801px); @import url(style-small.css) screen and (max-width: 800px); 

Me pareció que fue un largo camino para agregar estas dos meta etiquetas a mi sitio:

 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta name="HandheldFriendly" content="True" /> 

Aquí hay más información sobre ellos: http://learnthemobileweb.com/2009/07/mobile-meta-tags/

En cuanto a jQuery, hay una versión optimizada para los navegadores móviles: http://jquerymobile.com/

Dev.opera tiene algunos artículos, no para android, por supuesto, sino para sitios web móviles en general. Por ejemplo:

Hacer que los dispositivos pequeños se vean geniales

Diseño y desarrollo de sitios web móviles en el mundo real

Como todas las páginas web móviles mantener cada cosa delgada como mutch como puedas ..

No sé de los recursos decentes de Android, pero no me volvería demasiado loco en el JavaScript. Si Android es algo como el iPhone, el rendimiento de JavaScript (actual) será mucho peor de lo que podría estar acostumbrado a los escritorios.

  • ¿Hay algún uso de favicon.ico para sitios web móviles?
  • ¿Es posible recibir eventos de inclinación en JavaScript en Webkit móvil para teléfonos iOS o Android?
  • El botón "Añadir a la pantalla de inicio" de Android no muestra el sitio web como una aplicación web
  • Cambio de hoja de estilo con Javascript basado en navegador
  • Problemas al utilizar extensiones en tel: hipervínculos en Android 4
  • Detectar si el navegador tiene teclado / teclas de flecha en la página web
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.