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.

Comienza con la publicación del foro de referencia sobre el bajo rendimiento con 100 flocking boids y define el alcance del tutorial en torno a un proyecto de boids. Investiga herramientas de monitorización del rendimiento del navegador, optimizaciones habituales de las iteraciones y las diferencias entre p5.js y Processing. Done debería ser un tutorial completo de buenas prácticas que muestre mejoras medibles con respecto a un ejemplo lento.

Escrito por el modelo de indexación a partir del texto del issue.