Should I use the custom image loader or the default loader when displaying Contentful images?

[mr04vv]

Summary

I want to use next/image to display multiple Contentful images on one page, but if I use custom loader, I have to use client component, but I don't know the performance impact of this and I don't know which one to use.

Which is the recommended approach?

ref: https://github.com/vercel/next.js/blob/canary/examples/cms-contentful/lib/contentful-image.tsx

Additional information

No response

Example

No response

[G-Bryan237]

If you need optimizations (like responsive images, WebP conversion, lazy loading), use next/image with a custom loader (Client Component).
If you prioritize pure SSR performance, use (but manually optimize images in Contentful).