Browser & Web Performance · Middle · Question 30 of 75

A banner is inserted at the top of the page after an API call and pushes content down. What is the best fix?

✓Correct answer: Reserve space for it in advance (e.g. a placeholder with min-height), or show it as an overlay
2Add will-change: top to the banner
3Insert it faster using innerHTML

Explanation

Content arriving late is fine as long as it doesn't move what the user is already looking at.

Further reading

web.dev: Optimize Cumulative Layout Shift ↗

Test yourself

Take the Browser & Web Performance · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.