Skip to content

Improve Lighthouse Performance Score by Optimizing Page Rendering #8158

Description

@24-Harshdeep

Is your feature request related to a problem? Please describe.

The homepage currently receives a Lighthouse Performance score of 31/100, indicating several opportunities for performance optimization.

The Lighthouse report highlights issues such as:

  • Forced reflows during rendering
  • Large Contentful Paint (LCP) optimization opportunities
  • Large network dependency tree
  • Inefficient cache lifetimes
  • Render-blocking resources
  • Legacy JavaScript being served to modern browsers

Although the website functions correctly, these issues can slow down page loading, negatively impact Core Web Vitals, and reduce the overall user experience, especially on slower devices and network connections.

Describe the solution you'd like

Proposed Solution

Optimize the application's rendering and resource loading to improve the Lighthouse Performance score and overall page performance.

Possible improvements include:

  • Reduce or eliminate forced reflows by minimizing layout thrashing.
  • Optimize the Largest Contentful Paint (LCP) element by prioritizing critical resources.
  • Reduce the network dependency chain where possible.
  • Configure efficient cache headers for static assets.
  • Remove or defer render-blocking resources.
  • Avoid serving unnecessary legacy JavaScript to modern browsers.
  • Optimize DOM structure where applicable.

These improvements should result in:

  • Faster page load times
  • Better Core Web Vitals
  • Improved Lighthouse Performance score
  • Enhanced user experience across different devices and network conditions

Describe alternatives you've considered

Alternatives Considered

  • Keeping the current implementation since the application is functional.
  • Addressing Lighthouse recommendations one at a time instead of performing a broader performance optimization.

However, implementing the suggested optimizations would provide better performance, improved user experience, and stronger Lighthouse metrics with minimal impact on existing functionality.

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions