Users say the page jumps around while it loads, but your synthetic audit reports no layout shift at all. How do you find it and fix it?
Answer
Short answer
Layout shift is a field problem: it depends on network speed, consent banners, ads and personalisation that a lab run never sees. Collect layout-shift entries from real sessions with their source nodes, then reserve space for whatever moved.
Keep core web vitals explicit in the answer because that is the concept the interviewer is actually trying to test. A good core web vitals explanation names the trade-off, the failure mode, and the evidence you would use before choosing. Use core web vitals once more at the decision point so the answer reads as judgement rather than a detached example.
Keep core web vitals explicit in the answer because that is the concept the interviewer is actually trying to test. A good core web vitals explanation names the trade-off, the failure mode, and the evidence you would use before choosing.
Was this answer helpful?
Likely follow-ups
- A consent banner is injected at the top of the document. What are your options, and which one does not shift anything?
- An ad slot can render at one of three heights. How do you reserve space for that honestly?
- The shift only happens when the user scrolls into a section that renders lazily. Which declaration is missing?
- How would you stop this regressing without blocking every pull request on a synthetic audit?
Related questions
- A page has a poor Largest Contentful Paint. How do you diagnose it and what do you actually change?hardAlso on core-web-vitals and images7 min
- INP went from 150ms to 400ms the week a marketing tag was added. Marketing says the script is async and cannot be the cause. How do you prove it either way and fix it?hardAlso on core-web-vitals4 min
- Field data says your page has an INP of 400 ms. How do you find the cause and fix it?hardAlso on core-web-vitals4 min
- Events for a daily revenue table arrive up to three days late. How do you design the pipeline and the backfill?hardSame kind of round: design4 min