Le principe de Google ou Twitter est basé sur un système de pagination en réalité. Voici ce qu'il se passe :
- l'utilisateur charge la page d'accueil grâce à une action avec un index de page = 1
- Il va pouvoir voir dans un premier temps les 20 (ceci est un exemple) premiers posts d'un seul coup.
- Une fois qu'il arrive en bas de page, le site va faire un appel AJAX à la MÊME action que la page d'accueil mais avec un index de page qui s'incrémente (2 puis 3, 4, ...).
- Le site va donc récupérer les 20 prochaines posts et va donc pouvoir les ajouter à la suite.
Pour faire ça proprement, il suffit donc de gérer ce système de pagination dans ton action. Ensuite tu fais un simple appel AJAX avec une requête GET ( http://api.jquery.com/jQuery.get/ si tu utilises jQuery). Il te suffira de récupérer le résultat et de l'ajouter dans ton DOM.
Le problème de charger tous les posts est au niveau de la performance. Si tu as plusieurs centaines de posts, tu vas tous les charger alors qu'il y a une probabilité très faible pour que l'utilisateur ne dépasse pas les 30 posts (c'est une valeur d'exemple). Donc tu auras chargé 70 posts pour rien. Hors 70 posts c'est énorme, cela signifie 70 images, titres, contenus, ... . A ce temps de chargement, tu vas devoir ajouter celui d’exécution de ton script JS qui va devoir faire une boucle pour les cacher.
Au final, ton utilisateur se retrouvera avec une page qui mettra plusieurs secondes à charger et qui va avoir une ergonomie étrange car les posts s'afficheront puis se cacheront avant de se réafficher si il descend plus bas dans la page.
Benjamin Derepas