sitespeedio / sitespeedio/sitespeed.io

"googleWebVitals.cumulativeLayoutShift" Shows the summary box metric in blue color even after setting up the thresholds

Open
#4,119 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
5k
Forks
624
Avg merge
4h 8m
Merged PRs (30d)
2

Description

"googleWebVitals.cumulativeLayoutShift" shows the summary box metric in blue color even after setting up the thresholds.

I am trying to set up the limits for it where the "summary box metric" would show in red if over the thresholds. I tried to place the "pageinfo.cumulativeLayoutShift" as a "summary box metric" but I get an error: "Error: pageinfo.cumulativeLayoutShift is not part of summary box metric.".
Placing "googleWebVitals.cumulativeLayoutShift" shows up on the summary page but setting up the thresholds does not do anything and the box stays in blue:
I set it like this:

  googleWebVitals: {
    cumulativeLayoutShift: { green: 0.0, yellow: 0.1 }
  },

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the reported configuration with googleWebVitals.cumulativeLayoutShift and compare its summary-box color with the configured green and yellow thresholds. Trace the summary box metric handling and verify that values over the thresholds change color as expected while pageinfo.cumulativeLayoutShift continues to be rejected as unsupported.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
performance
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.