Summary
Restore lazy loading for non-eager game-card images.
Required change
In src/app/games/components/GameCard.tsx, set ImageRenderer to use loading="lazy" when props.eagerLoad is false. Keep loading="eager" when props.eagerLoad is true.
Rationale
The current undefined value omits the loading attribute. For external images rendered as plain <img> elements, this can cause below-the-fold cards to load eagerly.
Affected area
src/app/games/components/GameCard.tsxGameCardImageRenderer loading behavior
Acceptance criteria
- Cards with
eagerLoad={true} render with loading="eager".
- Cards with
eagerLoad false or omitted render with loading="lazy".
- The games grid does not eagerly load below-the-fold external images.
Backlinks
Summary
Restore lazy loading for non-eager game-card images.
Required change
In
src/app/games/components/GameCard.tsx, setImageRendererto useloading="lazy"whenprops.eagerLoadis false. Keeploading="eager"whenprops.eagerLoadis true.Rationale
The current
undefinedvalue omits theloadingattribute. For external images rendered as plain<img>elements, this can cause below-the-fold cards to load eagerly.Affected area
src/app/games/components/GameCard.tsxGameCardImageRendererloading behaviorAcceptance criteria
eagerLoad={true}render withloading="eager".eagerLoadfalse or omitted render withloading="lazy".Backlinks