CS Fundamentals Trainer · JavaScript · Performance & Memory

The LCP element on a landing page is a large hero image. Which changes are likely to improve LCP?

  1. Adding `fetchpriority="high"` to the hero `<img>` or preloading it
  2. Adding `loading="lazy"` to the hero image
  3. Reducing server response time (TTFB) with caching or a CDN
  4. Adding `width` and `height` attributes to the hero image
  5. Serving the image in a smaller, compressed format such as AVIF or WebP

Difficulty: medium

Answer this question

Related questions