rutikwankhade / devspace

Top posts from the best developer platforms at one place.
https://devspace.vercel.app/
62 stars 7 forks source link

🧩FEATURE REQUEST: Add lazy image loading to improve optimization #2

Closed esau-morais closed 1 year ago

esau-morais commented 3 years ago

Expected behaviour

It'd be great to load the images using the blur effect and improve the web app optimization

Actual behaviour

In the actual web app version, the images still loading with the default type.

Solution

Use the loading statement variable to the images and provide a blur CSS filter with the filter property

rutikwankhade commented 3 years ago

That sounds great. It will improve the UX a lot. 👍 Thanks for sharing. Would you like to contribute and work on this issue?

esau-morais commented 3 years ago

Sure, it'll be great 🤩

I'd like just to know before: Can I format your code and also remove the unnecessary imports? It'd be great to add Prettier and keep a pattern to the formatting

Also, I see that there's already a "loader" component, so it'd better if I replace it or just keep it (closing the issue)

rutikwankhade commented 3 years ago

Yeh, sure. go ahead.