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

Display layout shifts on the page #86

Open
Tiggerito opened this issue Apr 22, 2021 · 1 comment
Open

Display layout shifts on the page #86

Tiggerito opened this issue Apr 22, 2021 · 1 comment
Labels
enhancement New feature or request

Comments

@Tiggerito
Copy link

Quite a few CLS tools display layout shifts on the page to aid developers in debugging them. So far I have not found one that 100% works.

It would be nice if this extension supported that sort of visualisation.

I've been playing around with a fork that attempts to do this. I'm no expert at extensions, modern js or css, so it's not neat. And it has bugs. It is helping me understand the data coming out of the web-vitals script.

layoutshifts
@rviscomi rviscomi added the enhancement New feature or request label May 11, 2022
@rviscomi
Copy link
Member

I really like the idea of the HUD helping to visualize where on the page there are CWV issues. This is a pretty advanced feature though so it might take some additional design/eng work.

@tunetheweb tunetheweb mentioned this issue Apr 19, 2023
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@rviscomi @Tiggerito