CMS-képek optimalizálása Next.js-ben a getImageProps-szal
Amikor egy CMS-ből, például a WordPress-ből származó tartalmat jelenítesz meg, a képek csupasz <img src="..." alt="..."> tagekként érkezhetnek: nincs srcset, nincs lazy loading, nincs WebP. A Next.js automatikusan nem tud hozzájuk nyúlni, mert egy nyers HTML-stringben élnek, nem pedig egy React component tree-ben. Megnézzük, hogyan használhatod a Next.js getImageProps függvényét arra, hogy megfelelő srcset-et, WebP-konverziót, lazy loadingot és reszponzív méretezést injektálj minden képbe, még mielőtt az eljutna a böngészőbe.