Optimize banner rendering performance to improve Lighthouse score

[coderabbitai]

In PR #3312 (#3312), optimizing the banner rendering performance was suggested to improve the Lighthouse performance score.

Reference comment: #3312 (comment)

Requested by @akshatnema.

[akshatnema]

Anyone can take this issue up.

[helios2003]

Hi @akshatnema, I would like to take up the issue, but my concern is whether there is any need for optimization. Because "banners" are an array of JSON objects with only a few key-value pairs, is optimization required to further improve the rendering process?

[Manancode]

@akshatnema sir did the suggested changes here but looks like the lighthouse score doesn't have significant changes.
I Will try locally with some more changes/new methods.

[IITI-tushar]

@akshatnema @anshgoyalevil can i work on this???

[anshgoyalevil]

The issue is open and there's no linked PR, you can work on it.

[chaitanyakadu]

Hello @IITI-tushar @anshgoyalevil @akshatnema @shubhamku044 @Shurtu-gal,

I'd like to work on [Issue #3335] regarding optimizing the banner rendering performance for better Lighthouse scores.

Request for Assignment

• Can you please assign this issue to me? I will:
  1. Implement lazy-loading or conditional rendering for inactive banners.
  2. Use CSS transforms for animations or transitions.
  3. Ensure minimal changes to the existing Banner component while improving performance.

Additional Details

• I’ve already reviewed the related discussion in PR #3312 and have a good idea of how to proceed.
• I can start working on it as soon as I’m assigned.

Let me know if there's any additional context or requirements.

[IITI-tushar]

@ChaitanyaKadu03 Thanks for showing interest in this issue. Actually i have opened a PR for this issue that may solve it. Please try to work on another issue.