Slow image loading on version 10.2.0

What version of Next.js are you using?

10.2.0

What version of Node.js are you using?

14.15.0

What browser are you using?

Chrome

What operating system are you using?

Linux

How are you deploying your application?

next start

Describe the Bug

Version change from 10.0.4 to 10.2.0 the images are taking too long to load

In version 10.0.4 TTFB Waiting (306.10ms)

In version 10.2.0 TTFB Waiting (9.22s)

In case I needed to add the external loader domains.

Is it if I’m forgetting to set up something?

Expected Behavior

As I did not make any configuration changes, I believe it should work as before.

At first I added the tags loading="lazy" or priority and the result is the same.

To Reproduce

I was not really able to reproduce the same behaviour in an example repository.

https://github.com/alexandesigner/next-issue-24948

[goguda]

It’s not just Chrome on Linux, it’s any browser on any OS. I’ve noticed it with Next.js v 10.0.8 and up, 10.0.7 is the last version I’ve tested where images load at a reasonable speed. It’s simply unsuitable for production.

[goguda]

We are also seeing this. My current read is it happens the first time the image is loaded by next/image but not 100% sure. In the meantime, we’re looking at solving by putting CDN caching in front of it.

The first load is slower, which makes sense because Next is optimizing the image and then is supposed to cache the results for subsequent requests.

This having been said, both the conversion process and loading from cache on subsequent requests afterwards seem much slower on any version after 10.0.7.