Skip to content
Preptima
hardScenarioDesignMidSeniorStaff

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?

6 min readUpdated 2026-08-15Target archetype: Big Tech, Enterprise Captive, Product Startup

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

Further reading

Related Topics