How many dynamic images on Gatsby Cloud?

[pmelab]

Hi!

We are experiencing issues with processing images as described in the official docs (https://www.gatsbyjs.com/plugins/gatsby-plugin-image/). The website contains 22k pages with around 7k images. The 22k pages are a joke to Gatsby. No issues there. But if there are more than 1000 images in a build, it times out after Writing page-data.json ... with Gatsby Cloud's 1500sec timeout with no output. Locally we can get past that point, but then the HTML rendering is really slow.

We request 2 breakpoints for these images:

childImageSharp {
  gatsbyImageData(breakpoints: [340, 780])
}

As soon as we remove this part of the query, everything fast.

There are a couple of ways to deal with that, but I would like to ask first:

• Should this work?
• What is a reasonable amount of images the system can handle?
• Is it just too many images or is there something wrong with our setup?

Edit: Tested on Gatsby 3 and 4.