SharePoint / SharePoint/sp-dev-docs

How to improve performance of SPFx application?

Open
#10,535 4 comments 0 reactions 1 assignee View on GitHub

@Ashlesha-MSFT is already working on this.

Since Dec 22, 2025.

area:spfx Needs: Author Feedback sharepoint-developer-support
Dominant language
PowerShell
Stars
1.4k
Forks
1.1k
Avg merge
4d 12h
Merged PRs (30d)
12

Description

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.

Image

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

Thanks in Advance.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.