Browser & Web Performance · Senior · Question 14 of 75

In what case can `content-visibility: auto` make CLS or scrolling worse?

1When used with images
2When the page uses web fonts
✓Correct answer: Without contain-intrinsic-size, skipped sections have zero height, so the scrollbar and positions jump as they render

Explanation

Use contain-intrinsic-size: auto 500px so the browser remembers the last rendered size of each section.

Further reading

Test yourself

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