Rechercher
Saisissez au moins deux caractères, sans donnée personnelle.

    BibliothèqueArticles et FAQ Votre projetDemander un devis
    LangueFR
    Guides pratiques

    Organiser la pagination des longues listes

    Une liste qui charge tout d’un coup devient lente ; une liste dont les éléments suivants n’existent qu’après défilement peut laisser des contenus introuvables.

    Voir la méthode

    Illustration de la préparation d’un projet web : Organiser la pagination des longues listes

    Définir ce que chaque page contient

    Choisissez un ordre stable, une taille de page raisonnable et un critère de tri explicite. Indiquez le nombre de résultats et les filtres actifs si la liste en possède. Une fiche ne doit pas disparaître ou revenir deux fois pendant que le visiteur avance.

    Prévoyez les nouveaux éléments, les suppressions et les listes vides. Le guide des filtres complète ce travail sur les combinaisons de critères.

    Prenons une liste fictive figée de 23 fiches, avec 10 fiches par page et un ordre déterminé. Elle comporte 3 pages : 10 + 10 + 3 = 23. La quatrième page est hors plage, elle ne constitue pas une quatrième portion valide du jeu. Vérifiez l’ensemble des identifiants sur les trois pages : une somme correcte peut encore masquer une fiche en double et une autre oubliée.

    Refaites ensuite le test avec une insertion en tête après la lecture de la page 1. L’ancienne dixième fiche devient onzième et peut réapparaître en page 2 avec une pagination par OFFSET. Un critère de départage stabilise les égalités de tri, mais ne fige pas les données entre deux requêtes. Définissez donc si le parcours consulte une liste vivante ou une vue cohérente ; ne promettez pas un instantané à partir du seul ordre de tri.

    • Ordre et taille de page prévisibles.
    • Nombre de résultats lisible.
    • Aucune fiche sautée ou dupliquée.

    Faites défiler le tableau horizontalement pour lire toutes les colonnes. Au clavier, placez le focus sur le tableau puis utilisez les flèches.

    Liste fictive figée : 23 fiches, 10 par page
    Page demandéePositions attenduesContrôle
    11–1010 identifiants distincts
    211–2010 identifiants, aucun déjà vu
    321–233 identifiants ; fin de liste
    4Hors plageÉtat expliqué ; aucun faux quatrième lot
    • Google Search Central : Pagination

      Google, consulté le 22 octobre 2026 : liens HTML successifs, URL distincte et canonique propre à chaque page. Ces dispositions ne garantissent pas l’indexation.

    • PostgreSQL : LIMIT / OFFSET

      PostgreSQL 18, consulté le 22 octobre 2026 : LIMIT et OFFSET demandent un ordre unique via ORDER BY pour des sous-ensembles prévisibles. Les 23 fiches et l’insertion sont fictives.

    Fournir des liens accessibles

    Donnez à chaque page de résultats une URL utilisable et des liens HTML vers les pages voisines. Exemple fictif : une personne ouvre directement la page 3 d’une liste filtrée ; elle doit retrouver filtre, tri et position sans repasser par l’accueil. Indiquez la page courante et vérifiez les contrôles au clavier. Un bouton d’ajout progressif peut compléter ce chemin, sans en masquer les destinations.

    Un chargement infini peut améliorer le confort, mais gardez un chemin par liens vers les contenus. Les conseils Google sur la pagination expliquent comment laisser découvrir toutes les pages.

    • URL directe pour chaque portion utile.
    • Liens précédents et suivants utilisables.
    • Position courante annoncée.

    Gérer les états et les retours

    Testez retour arrière, actualisation, changement de filtre et arrivée depuis un lien partagé. Le visiteur doit retrouver son contexte plutôt que recommencer la liste. Sur téléphone, l’accès aux pages suivantes doit rester visible et facile à activer.

    Les pages hors plage et combinaisons sans résultat exigent un message compréhensible. Une redirection automatique vers la première page peut masquer un lien périmé et rendre le diagnostic difficile.

    • Historique du navigateur testé.
    • Filtres et tri conservés lorsque pertinent.
    • États vides expliqués.

    Vérifier l’exploration et la performance

    Vérifiez liens, réponses des pages suivantes et cohérence des URL canoniques. Exemple fictif : plusieurs fiches ont la même date de publication ; un ordre secondaire stable évite que leur ordre dépende d’un tirage différent à chaque requête. Testez aussi un ajout ou retrait entre deux consultations et explicitez les limites d’une liste vivante. Une première page rapide ne suffit pas si la suite perd des fiches.

    Mesurez sur un catalogue représentatif, y compris à la fin de liste et sur mobile. Vérifiez après ajout de fiches : une pagination correcte aujourd’hui peut se casser quand le volume ou les filtres changent.

    • Toutes les fiches atteignables.
    • URL et canonique cohérentes.
    • Performance vérifiée sur plusieurs pages.

    Documents de référence

    Contenu mis à jour le

    Repères documentaires pour ce sujet

    Repères documentaires pour ce sujet
    RéférenceValeur ou syntaxePortée du repère
    WordPress REST API
    per_page=1…100X-WP-Total et X-WP-TotalPages donnent les totaux nécessaires à la pagination.
    Google Search · Canonical
    rel="canonical"Signal de préférence pour Google ; aucune redirection ni garantie de sélection.

    Les dates indiquent la consultation des références. Ces repères ne constituent ni un audit du site ni une déclaration globale de conformité.

    Matrice de recette à adapter au projet

    Ces contrôles proposés utilisent des cas fictifs. Décidez du comportement attendu avec l’équipe, notez le résultat et attribuez les écarts non résolus avant publication.

    Faites défiler le tableau horizontalement pour lire toutes les colonnes. Au clavier, placez le focus sur le tableau puis utilisez les flèches.

    Cas de test, résultats attendus et preuves utiles
    CasRésultat attenduPreuve à conserver
    La page suivante réinitialise un filtre choisi.Le filtre est conservé et l’état courant reste identifiable.Filtre et tri initiaux, liens de pagination et identifiants obtenus sur la page suivante.
    La dernière page ne contient qu’une fiche.Le compteur, l’état des liens précédent et suivant et la fiche restent cohérents.Total témoin, taille de page et identifiant de la dernière fiche.

    Questions fréquentes

    Pourquoi une fiche peut-elle apparaître deux fois en changeant de page ?

    Vérifiez le tri, les égalités et les changements du catalogue entre les requêtes. Définissez un ordre stable avec un critère de départage, puis testez ajouts et retraits. Selon le besoin, une pagination par curseur ou une vue cohérente des résultats peut être étudiée ; aucune solution ne doit promettre un instantané si la liste évolue.