Implement Lazy Loading for React Components

[shivasankaran18]

Increasing Access

Unsure

Feature enhancement details

Currently, the processing/p5.js-web-editor repository does not implement lazy loading for React components. Implementing lazy loading can improve the performance of the web editor by reducing the initial load time and loading components only when they are needed.

[shivasankaran18]

@raclim what's your comments on this? ..
can I work on this issue.. ?

[Jatin24062005]

@shivasankaran18 In the p5.js Web Editor, there isn't a dedicated image component that would directly benefit from lazy loading. Additionally, for canvas images, their loading and rendering depend entirely on how users structure and style their sketches, making lazy loading less applicable in this context.

For other components, if we identify parts of the Web Editor that could benefit from lazy loading, we should first determine whether those components belong in the Web Editor repository or if they are better suited for the main p5.js repository. It might be more effective to discuss potential performance improvements in the broader scope of p5.js itself.
Would love to hear thoughts and opinions on this.

[shivasankaran18]

hello @Jatin24062005 , I understand that there isn't a specific image component that could benefit from lazy loading. However, lazy loading can still be applied to other React components within the Web Editor.
We should identify specific React components within the Web Editor that could benefit from lazy loading. This could include components that are not needed during the initial load but are used later during user interactions.

I would love to hear your thoughts on this.. @Jatin24062005 @raclim

[yashodipmore]

Hi,
@shivasankaran18
I noticed that the processing/p5.js-web-editor repository does not currently implement lazy loading for React components. Adding lazy loading can significantly improve the performance of the web editor by reducing the initial load time and loading components only when required.

I’d love to work on this enhancement. Could you please assign this issue to me?

Looking forward to your response!

[shivasankaran18]

@yashodipmore I am working in this issue