Should I ditch Nuxt Image for static files on Vercel?
Dumb question since this is likely because I lack some foundational knowledge.
I have a utility app that's having some use and hosted on Vercel. I'm going way over my limits and dashboard points to Vercel Images eating up my Edge Requests.
Currently I'm using Nuxt Image to automatically handle optimisation, but honestly I'm thinking I should do it manually since my website only uses a couple dozen static images.
For reference on how they're used, imagine a chessboard. Each tile would have an image for whichever piece is on it, and that's where I believe dynamic loading happens as each piece goes on and off a tile. Other than that the website is mostly static. I'm wondering if cutting out
<NuxtImage> and doing optimisation myself will cut down my usage limits, or I'm doing something wrong that my few images are eating up my requests1 Reply
Update
Hello, I've recently implemented this and I can confirm this question was in-fact, dumb. I'm writing this follow-up for anyone who is undergoing the same journey as I am.
It was dumb because this solution does not impact edge requests, that's because these requests are requests for all sorts of content (static assets like images, functions, etc.) and so it would not have made much of a difference. It did, however, heavily reduce my Fast Origin Transfer usage to a point where the trend is pointing towards being way below the free limits.
This solution worked for me because I was using Nuxt Image for static images which are a significantly small size to begin with (a small amount of kb). I imagine anyone also dealing with this would need to consider the fact they'd have to optimise their own images in regards to bandwidth.
--
I'm still on my initial issue where Edge Requests are trending way above limits. The current solution is to stop hosting my assets within the website directly and instead place them in an image host.
This should reduce edge requests as it'll no longer be sourced from my website and instead an alternative source like 'Cloudinary' or 'UploadThing'. I'm also looking at alternative possible solutions such as having users cache image until a re-deploy but I'm struggling to visualise how to do that.
I might make a separate post for this if I'm struggling, and I'll link it here to help anyone undergoing a similar issue