What you need to know

Images often account for a large share of page weight. A responsive image component can generate appropriate sizes and help the browser prioritize the most important visual content.

How to apply it

Provide accurate dimensions or a fill container with a known aspect ratio, write descriptive alt text, and mark only the leading image as priority when justified. Compress source files before adding them to the site.

Common mistake to avoid

Do not mark every image priority. Loading too many high-priority images competes with the content users need first.