Poor Performance and Audit scores

[ksraj123]

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 into NewHome.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 use react-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.