Malheureusement, je n’ai pas réussi à reproduire cette augmentation de vitesse significative. Sur Firefox et Chrome (macOS), je ne constate aucune amélioration mesurable. Chrome passe environ 23 ms dans renderTopicListItem. Firefox 30 ms. Sur un ancien appareil Android (Pixel 3), je constate environ 108 ms. Les chiffres ne semblent pas changer avant/après le changement.
Soit dit en passant, j’ai mesuré ces chiffres en utilisant l’ API de performance. J’ai ajouté performance.mark("rtli-start") au début de renderTopicListItem, puis performance.measure("rtli", "rtli-start") à la fin.
Ensuite, j’ai rechargé le navigateur avec les outils de développement fermés et les plugins du navigateur désactivés (les outils de développement et les plugins du navigateur peuvent affecter considérablement les performances de rendu). Ensuite, une fois le chargement terminé, j’ai ouvert les outils de développement et exécuté ceci pour additionner les mesures :
performance.getEntriesByName("rtli").reduce((v, m) => v + m.duration, 0);
Nous allons certainement fusionner ce changement - c’est clairement une meilleure implémentation. Mais je ne suis pas sûr que cela nous donne une différence visible en termes de performances de rendu 