preload
Hero — LCP candidate
fetched before <body> parses
loading="eager"
Logo — above the fold
fetched when <img> tag is parsed
(default / lazy)
Card — below the fold
deferred — waits for scroll
HTML head
parsed
<img> tag
reached
user scrolls
near slot
preload — reserve for the single LCP image
eager — above the fold but not LCP
default — everything else