[Performance] Research which area need to use Serve static assets with an efficient cache policy

[sudhanshutech]

Description

Use pageSpeed to get performance statistics. We might need to use Caching Static Sites of gatsby to create a very fast loading of site using setting up proper HTTP caching.

Read here: https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/caching/

Screenshots

Environment:

• Host OS:
• Browser:

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[AlfiyaSiddique]

@sudhanshutech I am willing to work on this issue, can you please assign?

[Ashparshp]

@AlfiyaSiddique, go ahead!

[Ashparshp]

@AlfiyaSiddique, any luck?

[AlfiyaSiddique]

I apologize for the delayed reply, @Ashparshp. I was occupied with my academics last month. I will be continuing this now. If this is an urgent issue that needs to be resolved, I do not mind it being reassigned if someone else is willing to complete it in less time. I hope you understand. Thank you!

[AlfiyaSiddique]

@sudhanshutech @Ashparshp
I have performed the analysis and this is the outcome:
https://pagespeed.web.dev/analysis/https-layer5-io/ffoaybm2p6?form_factor=mobile

The overall performance is too low with 26% for mobile & 33% for desktop.

These are the reasons for bad performance:

For the next step, I need a bit of guidance.
I should use Gatsby for the HTTP caching and test again for performance, am I right?