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.

Bắt đầu với bài đăng trên diễn đàn được tham chiếu về hiệu năng chậm với 100 flocking boids và xác định phạm vi của tutorial xoay quanh một dự án boids. Nghiên cứu các công cụ theo dõi hiệu năng trình duyệt, các tối ưu hóa lặp phổ biến và sự khác biệt giữa p5.js và Processing. Done nên là một tutorial đầy đủ về các phương pháp hay nhất, cho thấy những cải thiện có thể đo lường được so với một ví dụ chậm.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.