Open
Description
Page insights and lighthouse scores are low for the website, especially for mobile.
Here are some ideas for improving this -
- Removing unused code: There is a lot of it.
- Implementing Lazy Loading.
- Exploring the bootstrap problem: We are already using
react-bootstrap
but we also import bootstrap via CDN and the entire bootstrap library is also pasted intoNewHome.css
. Simply removing the pasted bootstrap code breaks styling, maybe it has been modified. The ideal solution to this would be rewrite all jsx code to usereact-bootstrap
components instead and write custom styles to override the defaults. - Exploring Image formats like JPEG 2000, JPEG XR or WebP which provide better compression
- Serving lower resolution images to mobile devices
- Getting rid of expensive unused or non essential dependencies
Additional Context
- Working on this.
Please feel free to share more suggestions. Thanks.
Metadata
Metadata
Assignees
Labels
No labels