Nextjs static media takes too long to appear

Since Nextjs 14 I understand there’s no need for manual configuration for using Netlify CDN. In desktop works marvellous, in mobile Lighthouse gives me a very bad score and I tried the site from some phones and images and videos take forever (until timeout). These phones are all iPhones (in Android looks seamless).

I can also see than images are served from _next/images and not .netlify/images. Is this supposed to be like that?

I am tried to optimize the best I could. I know images are large but isn’t there a way to serve them smaller if it’s not already done automatically?

Here is my deployed app on Netlify

Thank you!

I’m getting a good enough performance score for your website on the mobile:

Some things that you can control are:

Setting font-display: swap should fix that.

Consider if you actually need a video background. If you do, maybe you can progressively load it once the rest of the page has loaded.

Other than that, I don’t see anything more that you can do.