What is the exact process to audit and fix Cumulative Layout Shift issues caused by third party chat widgets and cookie banners before our traffic peak tonight?
Download run
Fan-out diagram
The searches the AI actually ran for this prompt.
SEED QUERY
What is the exact process to audit and fix Cumulative Layout Shift issues caused by third party chat widgets and cookie banners before our traffic peak tonight?
3 real searches · 1 real-search pass
web.dev optimize cumulative layout shift third party embeds cookie banners layout stability Chrome DevTools layout shift regionsGoogle ↗
OBSERVEDOther / navigational
Chrome DevTools Performance identify layout shifts layout shift insights documentationGoogle ↗
OBSERVEDReason
web.dev third party JavaScript performance reserve space embeds layout shiftsGoogle ↗
OBSERVEDReason
Badge and edge weight = share of passes that produced the query. Hover a query for its intent and routing format.
Query classes
Google's semantic query class for every sub-query: what kind of answer each search is after, simulated vs real.
ChatGPT real searches (3)
Classes come from the query-classifier (a local Laya model). 3 of 3 calls are low-confidence (under 50%) — hover a query in the table to see its confidence.
Searches and sources
ChatGPT3 real searches · gpt-6
web.dev optimize cumulative layout shift third party embeds cookie banners layout stability Chrome DevTools layout shift regions Google ↗
Chrome DevTools Performance identify layout shifts layout shift insights documentation Google ↗
web.dev third party JavaScript performance reserve space embeds layout shifts Google ↗
- Performance insights: Get actionable insights on your website's performance | Chrome DevTools | Chrome for Developers · developer.chrome.com
- Layout shift culprits | Performance insights | Chrome for Developers · developer.chrome.com
- web.dev/src/site/content/en/fast/debug-layout-shifts/index.md at main · GoogleChrome/web.dev · github.com
- Optimize Cumulative Layout Shift | Articles | web.dev · web.dev
- Optimize Cumulative Layout Shift | Articles | web.dev · web.dev
- Cumulative Layout Shift (CLS) | Articles | web.dev · web.dev
Queries
3 queries · click a column to sort
| Query / type | Search | Intent | Query class | Routing format | Cluster | Freq ↓ | Weight |
|---|---|---|---|---|---|---|---|
web.dev optimize cumulative layout shift third party embeds cookie banners layout stability Chrome DevTools layout shift regions OBSERVED | Google ↗ AI Mode ↗ | — | Other / navigational | — | — | 1x of 1 | |
Chrome DevTools Performance identify layout shifts layout shift insights documentation OBSERVED | Google ↗ AI Mode ↗ | — | Reason | — | — | 1x of 1 | |
web.dev third party JavaScript performance reserve space embeds layout shifts OBSERVED | Google ↗ AI Mode ↗ | — | Reason | — | — | 1x of 1 |