[Performance] Fix the `unused-css-rules` issue reported by lighthouse-ci

[ayushthe1]

Description

Currently, the lighthouse ci github action fails the assertion results for unused-css-rules as seen here .

Expected Behavior

The assertion test for the above rules should pass in the lighthouse ci run.

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.
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[nitheesh-daram]

hey @ayushthe1 ,i can work on this!

[ayushthe1]

Great @nitheesh-daram 👍 .I assigned you the issue.

[nitheesh-daram]

@ayushthe1 based on my brief over-view it looks like unused css and js are being imported from "GlobalStyle", which as the name states has global CSS rules, some of which are used by the pages but not all, and it is difficult to figure out which is using which.
Possible Solutions :

1. will have to rework some CSS files.
2. can specify which assertions we want licl to run .

P.S.: I may be wrong, feel free to correct me.

[ayushthe1]

I will ping @Nikhil-Ladha for your doubts but I believe you are on right path.
And it's not an option to disable any of the assertion test as already pointed out by Lee, however difficult or frustrating the issue may be .😅

[ayushthe1]

hey @nitheesh-daram ,can you please contact nikhil or anyone else on slack and ask your doubts regarding this issue there as people are more active there and you will get resolution to your doubts fast. You can also ask in the websites channel on slack.

[ayushthe1]

@Anand-Theertha Would you like to take on this issue

[Anand-Theertha]

I'm on this. Although, I think it's better to create two issues - one for unused-css-rules and another for unused-js, as there might be a considerable amount of changes.

[ayushthe1]

I'm on this. Although, I think it's better to create two issues - one for unused-css-rules and another for unused-js, as there might be a considerable amount of changes.

You can open a pr for whichever issue you solve .I will correspondingly change the name of this issue to match your pr.