I'm trying to optimize my images so visitors to my site aren't served giant images when they're on mobile. The docs say that the React component automatically optimizes images here so I tried it and it doesn't do anything. It actually breaks my site and won't serve anything to mobile devices. It just hangs on the request until it times out. Here's how I'm currently trying to implement it:
<Transformation quality="auto" fetchFormat="auto" />
Am I missing something? Or do the docs fail to mention an important setting I need to use?
For context, I'm using React with Next.js and I have only tested this in a development environment. I don't want to break my current site, so I haven't tried it in production yet.
update: so it looks like this is the culprate
Please sign in to leave a comment.