Nextjs static media takes too long to appear

Support
1

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).

image
image997×454 40.2 KB

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!

2

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

image
image1319×1653 182 KB

Some things that you can control are:

image
image1283×703 36.9 KB

Setting font-display: swap should fix that.

image
image1290×1285 87 KB

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.