how to optimize image loading in OpenSaas Project?
How to optimize image loading like Next js? can anyone help me to solve this issue. right now image are loading too much.
4 Replies
Hi @MujahidPH. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Hmm, I don't know enough to give you a confident answer yet. The knowledge sources provided do not contain specific information on optimizing image loading in an OpenSaaS project. However, Wasp and OpenSaaS are built with React and Node.js, so you might want to look into common practices for optimizing image loading in these technologies.
For Next.js specifically, there is a feature request for server-side rendering (SSR) in Wasp, which could potentially help with optimizing image loading, but it's not clear from the sources if this has been implemented yet.
I recommend checking the Wasp documentation (https://wasp-lang.dev/docs) or asking in the Wasp community for more specific guidance.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @MujahidPH, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:
Perhaps try again in 15mins?
Hey @MujahidPH. Sure, I can help you, I'll just need more details.
Please answer all the questions below
- What do you mean by "too much?" Is the image size to large or does it take to long to show up in the browser?
- If it's the size. How large is an image and how large would you like it to be?
- What's the image's file format?
There are different sizes of images in my database, and I need a solution similar to Next.js image optimization.
Is it possible?
Here is the website. miracle. io. Image load too slow. I already use lazy loading property on image tag.
Wasp doesn't have an
Image component that does all the stuff Next's image component does.
But, if you're just interested in optimizing the size, it should be enough to convert your images to webp