The largest image visible when a page opens can affect how quickly the main content appears. Loading hints should reflect what is visible in the actual layout, not just an image's role in the design file.
Check the rendered page
- Keep the primary above-the-fold image discoverable in the initial HTML.
- Set dimensions so text does not jump while the image loads.
- Avoid preloading several competing images or lazy-loading the likely main image.
Use a browser performance trace and network panel to confirm which resource is the largest contentful element. Recheck at mobile widths because the first image may differ by layout.
