¿Cuál es la mejor manera de hacer que un sitio web pesado de jQuery sea amigable con el navegador móvil?

Dado que el factor de forma será diferente, ¿sus usuarios recibirán un buen servicio entregando la misma interfaz de usuario? Incluso si su sitio web es ordenado y simple, los recursos que está utilizando (como imágenes, etc.) están diseñados para navegadores de escritorio y, por lo tanto, tal vez sean demasiado grandes y costosos para los navegadores móviles. Entonces, si decide mantener la misma interfaz, al menos reducir los recursos y, como sugirió Kevin Suttle, evalúe si jQuery mobile sería un buen reemplazo. Su CSS también necesitaría ser retocado para navegadores móviles. El mayor desafío probablemente sea manejar las interacciones del usuario. Algunas interacciones basadas en el mouse pueden ser incómodas o incluso imposibles en dispositivos móviles y pueden requerir diferentes interacciones. Por lo tanto, si tiene alguna separación de interfaz de usuario (UI), puede considerar desarrollar una interfaz separada para dispositivos móviles, al menos para la navegación de nivel superior.

Tiene un par de opciones aquí y todas dependen de lo que ya existe en su sitio.

  1. Consultas de medios: si tiene un HTML extremadamente bien cuidado y semántico, puede usar consultas de medios para reorganizar el diseño para una mejor experiencia móvil. Es posible que desee visitar http://lessframework.com/ para tener una idea de lo que estoy hablando.
  2. Subdominio móvil: cree dos conjuntos de diseños separados y use uno o todos los métodos de detección de agente de usuario para determinar qué sitio debe mostrarse.
  3. Sitio móvil completo: use lo anterior y cree casi otro sitio que aproveche http://www.sencha.com/products/t… , http://www.sproutcore.com/ o jquery mobile. Creo que Sencha es el único 1.0 entre ellos y en mi compañía hemos tenido resultados mixtos. Creo que jquery mobile tiene la mejor estrategia y es la más fácil de usar, pero aún está en su segundo alfa.

Divulgación completa: como núcleo comprometido con jquery mobile, obviamente estoy un poco sesgado a su favor

Asegúrese increíblemente de que solo está cargando el JavaScript que necesita, cuando lo necesita, en la menor cantidad de solicitudes posible, y que todo está minimizado. La sobrecarga de HTTP que preocupa en el escritorio puede ser paralizante en el móvil.