Images tend to be quite big, but they're mostly shown at small sizes on the site.
They appear at max ~450 pixels in the various lists of tips.
And at max ~800 pixels in a tip page.
Only when you click on the image do you see it full size.
We should therefore generate thumbnail versions of all images (at 450px and 800px) at build time, preferably as WebP format, and then use these instead of the original images.
The Image plugin should be able to do this: https://www.11ty.dev/docs/plugins/image/
Doing this would have the biggest impact on the load performance of the website.
Images tend to be quite big, but they're mostly shown at small sizes on the site.
They appear at max ~450 pixels in the various lists of tips.
And at max ~800 pixels in a tip page.
Only when you click on the image do you see it full size.
We should therefore generate thumbnail versions of all images (at 450px and 800px) at build time, preferably as WebP format, and then use these instead of the original images.
The Image plugin should be able to do this: https://www.11ty.dev/docs/plugins/image/
Doing this would have the biggest impact on the load performance of the website.