search

layer5io / layer5

Layer5, expect more from your infrastructure
https://layer5.io
Apache License 2.0
880 stars 1.23k forks source link

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

Open sudhanshutech opened 3 months ago

sudhanshutech commented 3 months ago

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:

Contributor Resources and Handbook

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

Join the Layer5 Community by submitting your community member form.

AlfiyaSiddique commented 2 months ago

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

Ashparshp commented 2 months ago

@AlfiyaSiddique, go ahead!

Ashparshp commented 2 months ago

@AlfiyaSiddique, any luck?

AlfiyaSiddique commented 2 weeks ago

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 commented 2 weeks ago

@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: image

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?