Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[SEO] High Cumulative Layout Shift (CLS) Score on https://layer5.io/cloud-native-management/meshmap/design #5448

Open
leecalcote opened this issue Mar 12, 2024 · 5 comments
Open

[SEO] High Cumulative Layout Shift (CLS) Score on https://layer5.io/cloud-native-management/meshmap/design #5448

leecalcote opened this issue Mar 12, 2024 · 5 comments
Labels
framework/react React related help wanted Extra attention is needed kind/chore Necessary task language/html Issues or pull requests that use HTML type/performance

Comments

@leecalcote
Copy link
Member

Current Behavior

The https://layer5.io/cloud-native-management/meshmap/design page has a high Cumulative Layout Shift (CLS) score of 0.47 currently.

Explanation of CLS - https://web.dev/articles/cls

Desired Situation

Bring the CLS score of this page to 0.1 or less.

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.
@leecalcote leecalcote added help wanted Extra attention is needed kind/chore Necessary task language/html Issues or pull requests that use HTML framework/react React related type/performance labels Mar 12, 2024
@narasimha-1511
Copy link
Member

Hey @leecalcote i will work on this issue.

@leecalcote
Copy link
Member Author

Thanks!

@narasimha-1511
Copy link
Member

Due to My Exams Going On, I kindly request reassignment of the issue I assigned to myself. Apologies for any inconvenience.

@narasimha-1511
Copy link
Member

image
@leecalcote as testing the cls of the webpage given it is 0.02 as seen

@leecalcote
Copy link
Member Author

Use the desktop score.

Also, work on the INP.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
framework/react React related help wanted Extra attention is needed kind/chore Necessary task language/html Issues or pull requests that use HTML type/performance
Milestone
No milestone
Development

No branches or pull requests
2 participants
@leecalcote @narasimha-1511