Browser & Web Performance · Middle · Question 21 of 75
The LCP image is set as a CSS background-image. Why does that often hurt LCP?
- 1CSS images are always downloaded last by the browser
- ✓Correct answer: The preload scanner can't see it in the HTML, so the download starts only after CSS is loaded and applied
- 3Background images can't be LCP candidates
Explanation
Use an <img> in the HTML or add <link rel="preload" as="image"> so the browser discovers it early.