Optimizing code for better performance (e.g. when iterating through multiple objects)

This suggestion is inspired by a forum-post in the Kadenze Nature of Code course titled 'PERFORMANCE VERY SLOW WITH 100 FLOCKING BOIDS - OPTIMIZATION SUGGESTIONS?' (in the 'general' category)
I think a general tutorial with some 'best practice' examples would be really helpful. It should cover things like tools for monitoring performance & typical 'things to avoid' (with preferred alternatives demonstrated). Maybe something about browsers too (I guess all browsers are not equal). It could take the form of a particular project (e.g. boids), showing first an example with low-performance code, slowing down & running syrupy as nr. of objects increases, demonstrating how gradual performance-gains can be achieved as the code is improved according to 'best practice'. Maybe touching on the key differences between p5.js & processing in their current form.

Commencez par le billet de forum référencé sur les mauvaises performances avec 100 flocking boids et définissez le périmètre du tutoriel autour d’un projet de boids. Recherchez les outils de surveillance des performances du navigateur, les optimisations courantes des itérations et les différences entre p5.js et Processing. Done devrait être un tutoriel complet de bonnes pratiques montrant des améliorations mesurables par rapport à un exemple lent.

Rédigé par le modèle d'indexation à partir du texte de l'issue.