Meilleur moyen de charger du contenu à onglets

Question

Je travaille sur la modification de l'interface utilisateur du profil de membre sur un site. Page du projet: http://design.vitalbmx.com/user_menu/member_profile2.html

Objectifs:

Ergonomie: temps de chargement doit être optimisée, en particulier des images dans l'onglet actif SEO: liens de pagination dans les onglets doivent être explorables

Hypothèses:

• La plupart des utilisateurs vont à « tous » onglet par défaut
• La plupart des utilisateurs rarement cliquer sur d'autres onglets, sauf « Tous »
• La plupart des utilisateurs ne seront pas envoyer des liens vers les onglets paginés, uniquement à la 1ère page d'un onglet donné

scénarios de mise en œuvre:

1. contenu de tous les onglets est chargé à la fois sur la même page. Pagination via Ajax (avec des URL vers des pages existantes pour les robots). Problèmes possibles - décalage pour le chargement des images pour les onglets autres que le premier onglet s'il est défini dans l'URL de la page (par exemple #videos)

2. Contenu du premier onglet ("All") à charger en premier. Charger le contenu des autres onglets seulement quand ils sont cliqués. Problèmes - appels HTTP supplémentaires et décalage pour le chargement des images pour les onglets autres que le premier onglet

3. Le contenu de tous les onglets est chargé sur la même page MAIS les sources d'image sont remplacées par une image générique pour les onglets autres que l'onglet actuel avant le début des images chargement. Lorsqu'un autre onglet est cliqué (ou après le chargement des images d'onglets actuelles), les sources d'image sont restaurées et commencent à se charger (un peu comme Mashable.com mais sans l'effet de fondu encombrant)

4. Ajax-less - page dédiée pour chaque onglet. Cela a plus de sens pour le référencement que pour la convivialité. Facile à copier-coller-envoyer des URL avec pagination.

Lequel serait le meilleur? Ou est-ce que je manque quelque chose?

Answer 1

Je pense que vous devriez aller avec non. 4, parce que celui-ci utilise moins de charge du serveur et du client.