I made this post before but it got removed due to the spam filter. I ported my site to next.js with a prismatic headless backend. The files get statically generated but still, the images have a very long TTFB (4.2 sec). Last time I posted an attachment of the request the entire post got flagged as …

Could this have anything to do with the decoding="async" you have attached to each image? I’m not familiar with that attribute, and it’s not part of the HTML5 standard.

The images are being loaded by the Image component from Next.Js ( next/image | Next.js ). I will try and update the images to a native img tag, but I guess all Next.js project on Netlify would suffer the same issues.

I updated the site to use native img tags but it looks like Next.js automatically adds the async stuff. That said, it doesn’t seem to have any impact.

how large are these images, @vanbrabantf ? that is important to consider - our system is optimized to serve smaller assets as fast as possible, and you may not get the same results for larger files.

Hey Perry, The bigger ones are around 550kb. The blog can be found here: https://60688f8b6b4ca20c4f90f645--serene-colden-83caab.netlify.app/

hmm, that should be fine. anything over 4-5 mb would be something we would stream at a slower rate. Would you mind capturing a HAR file for us so we can take a closer look at what your loading is doing? https://toolbox.googleapps.com/apps/har_analyzer/

Sure no problem. I’ve recorded the HAR, but the forum doesn’t allow me to upload it. How can I get it to you?

you might create a public google file link, or, you could upload it to your netlify project. could that work?

I added it to my Dropbox: Dropbox - File Deleted

Hi, @vanbrabantf . The two slow requests in that HAR file are not static files. The two slow requests are to a function at this URL: https://60688f8b6b4ca20c4f90f645--serene-colden-83caab.netlify.app/_next/image If you examine the logs for that function you can see that it is indeed sometimes slow: …

Very long TTFB on image load

Support

hillary April 12, 2021, 8:11pm 14

Hey there, @jamie-performant ! Great question. Check out this thread for some helpful links related to next.js on Netlify and handling image-heavy sites.

1 Like

Topic		Replies	Views
Image files very slow TTFB Support netlify-dns-https-ssl , asset-optimization	4	2614	March 2, 2020
Next.js image is really slow on netlify Support nextjs	9	5721	August 21, 2025
Site slow to load, and some but not all images won't load with 502 bad gateway error Support netlify-newbie , performance , nextjs	4	1458	May 16, 2023
Next Image not working Support nextjs	6	825	June 14, 2023
Image assets loading slowly or not at all (502) Support performance , nextjs	3	961	October 23, 2022

Very long TTFB on image load

Related topics