Skip to content

Poor Performance and Audit scores #213

Open
@ksraj123

Description

@ksraj123

Screenshot from 2020-07-18 17-30-55

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions