115 Pratiques d'écoconception d'applications à architecture web, et plus...
Source CNUMR [BP_4035_fr]GR491 - BACK-END 3. Limiter la volumétrie des échanges

Recommandation équivalente
Mesurer Le nombre de listes sans une pagination classique

Préférer la pagination au défilement infini

Identifiants

GreenITV2V3V4

Catégories

Cycle de vieTiersResponsable
2. ConceptionRéseauUX/UI Designer

Indications

Degré de prioritéMise en oeuvreImpact écologique
343
Ressources Economisées
Réseau / Stockage

Description

Lorsqu’on affiche une liste de produits, d’articles, sur notre site, il est tentant de donner la possibilité au visiteur de tout voir en faisant simplement défiler la page en chargeant le contenu petit à petit. Cet effet de style va générer le contenu pour l’afficher au fur et à mesure. Il va donc demander au serveur les x prochains articles/produits à chaque “scroll”. Cela pourra entrainer des problèmes de performances, de référencement naturel et de respect de l’accessibilité web.

Mettez en place une pagination classique avec un système de filtre performant. Le visiteur trouvera plus facilement le contenu qui l’intéresse et les robots d’indexation aussi. Cette bonne pratique facilite le respect du Référentiel Général d’Amélioration de l’Accessibilité (RGAA) introduit par la loi n° 2005-102 du 11 février 2005 pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées (cf. https://www.numerique.gouv.fr/publications/rgaa-accessibilite/obligations/").

Principe de validation

Le nombre …est inférieur ou égal à
de listes sans une pagination classique10%