How to improve performance of SPFx application?

[bhoomesh-spe]

What type of issue is this?

Question

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Target SharePoint environment

SharePoint Online

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

• SPFx version - 1.21.1
• Node.js version - 22.14.0

Issue description

Hello Everyone,

We have created SPFx + React application. We have used SPFx 1.21.1 version.

We have used different npm packages into this project.

The project works as expected functionally. We have checked the performance of the application using Lighthouse in Google Chrome.

We found the below performance matrix from Lighthouse.

We need to improve the performance of our SPFx application. Can anyone suggest the correct path to achieve the same?

Thanks in Advance.

[Ashlesha-MSFT]

Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.
If you don’t receive a reply within two working days, please use this escalation form to escalate.