This issue is very similar to the following issue, but this goes a little bit further. Cache tag won’t cache in a template
I have a page which is made up of hundreds of lazy loaded images similarly to this:
<img data-original="{{ image.getUrl(transform) }}" src="/img/placeholder.png" alt="" />
The page takes anywhere between 2 and 5 seconds to load, and yet the server isn't under powered in any way.
The majority of the images on the page aren't transformed within a few page loads. It's quite possible that there are images that no one will ever look at, therefore will never be transformed... Craft will hold off on caching until all the images are transformed; which might never happen.
I could duplicate the template, and turn off lazy loading, and get my client to load that page every time they make changes, but I would prefer not having to ask my client to anything like that.
Apart from loading stuff via ajax when needed, does anyone know of an easy way to get all the images transformed or to get caching working so that it doesn't require all assets to be transformed?