Dear Netlify team. We are working on a Next.js site hooked up to Contentful. We have deployed the site using the guides here on Netlify. So far so good. But the performance especially with images are not that good. The URL is https://natural-colors-dev.netlify.app/ and if you view it on a big screen the hero image cannot even load as payload is too big.
If I try the image on a direct URL: https://natural-colors-dev.netlify.app/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fv9fghxna4yaf%2F3SwsYXFC58frjrFYCXPOKg%2Fde9af5f1412585dee2883e40e1b6f0b2%2FNCOrange.png&w=3840&q=75
With a big screen I actually get
errorMessage: “Response payload size (6819210 bytes) exceeded maximum allowed payload size (6291556 bytes).”
But the image in Contentful is not that big (about 1.7mb)
We have deployed the exact same site (the same branch from Github) to Vercel (https://natural-colors-next-js.vercel.app/), and do not have any issues on that platform. Is there something we could have misconfigured?