Bonne pratique
Lorsque des calculs de valeurs ou de données sont coûteux en ressources, les mettre en cache si les valeurs demeurent inchangées, afin de ne pas réitérer ces opérations. Les systèmes de cache de type key-value store sont prévus pour stocker ces données. Généralement montés entièrement en mémoire vive (RAM), ils génèrent d’importantes économies de cycles CPU si les données calculées sont très souvent sollicitées.
Le "Référentiel d'écoconception web (REW)" est publié par GreenIT.fr dans le cadre des travaux du Collectif conception numérique responsable selon les termes de la licence Creative Commons Attribution.
Avec React, nous utilisons les fonctions memo, useCallback et useMemo pour mettre en cache les valeurs calculées fréquemment. Cela permet d'éviter la ré-exécution de calculs coûteux, réduisant ainsi l'utilisation des cycles CPU.
De plus, le nouveau compiler de React 19 est conçu pour automatiser ces optimisations. Il détectera et appliquera les mises en cache de manière transparente, réduisant encore davantage l'empreinte environnementale de nos applications.
Règle de validation
Le nombre de données peu volatiles, demandant un calcul et accédées plusieurs fois, non mises dans un système de cache doit être inférieur ou égal à 0
Ressources économisées