Meilleure mise en page de jQuery Mobile

Question

Je commence à développer une version mobile d'un site Web que nous gérons. Notre framework choisi est jQuery Mobile car il est très prometteur et évolue à un rythme plutôt impressionnant.

Avant de commencer, j'aimerais avoir quelques suggestions sur la meilleure façon de configurer la mise en page.

Nous savons que sur l'écran d'accueil il y aura quatre liens pour séparer les "pages". Les points qui m'intéressent le plus, est de savoir si ces pages devraient être créées sur demande, ou chargées avec le contenu de l'écran d'accueil?

La question suivante est de savoir comment les sous-pages doivent être liées. Une des pages d'écran d'accueil aura un sous-menu de trois autres liens. L'une de ces sous-sous-pages contient alors une liste qui reliera une autre page. De toute évidence, je ne peux pas charger tout le contenu en même temps, et ce serait génial si je pouvais obtenir chacun d'entre eux pour sauvegarder l'état (puisque les données seraient extraites d'une base de données). Alors, quelle est la meilleure façon?

Answer 1

Le meilleur moyen serait de charger les pages supplémentaires sur demande, vous pouvez toujours les charger immédiatement après le chargement du premier écran, mais ce serait terrible pour les utilisateurs qui sont sur un plan de données limité.

Si un utilisateur visite la page d'accueil et quitte, alors toutes les informations supplémentaires chargées représenteraient toujours ses données et pourtant seraient gaspillées.

Ce que je suggère

1. charge Page d'accueil
2. Définir le délai JS de 5secs
3. charge d'autres pages dans divs séparées comme des écrans

lors de la navigation, tout ce que vous avez besoin est de changer d'écran au lieu de changer de page. Vous ne devez pas charger plus d'un niveau de pages à la fois.

Answer 2

Comme les pages ne semblent pas contenir beaucoup de données, je pense qu'il serait préférable de les charger sur demande. Seules les données requises par chaque page seront chargées de cette façon. Pour le contenu dynamique que vous souhaitez transmettre à chaque page, il serait idéal de le faire en utilisant jQuery. Pour chaque page créée, liez-la avec un contexte qui est transmis avec la page en utilisant jQuery.