search

poulainv / tottem

Bookmark manager on steroid built with React / NextJs / Apollo Tools / Prisma 2 — styled with TailwindCSS 🌱🎺
https://beta.tottem.app
GNU General Public License v3.0
975 stars 99 forks source link

Images should be lazy loaded & optimized #66

Open poulainv opened 4 years ago

poulainv commented 4 years ago

Images loading will probably be the major performance issue. A lot of different solution exist to manage it: size & format optimisation, LQIP, lazy loading. Some of them are implemented in https://github.com/stereobooster/react-ideal-image for instance. It may be worth to take a look once images will be stored in own CDN.

asherccohen commented 4 years ago

I suggest next-optimize-image to do on-the-fly optimisation. For Lazy loading here are some considerations: https://link.medium.com/zSq2GMiYr3

poulainv commented 4 years ago

Currently, images are loaded from remote host (amazon, medium, ...). Before, I think I should use a proper CDN. Do you have any hint about CDN with nice free tier?

asherccohen commented 4 years ago

I would look into datoCMS https://www.datocms.com/blog/offer-responsive-progressive-lqip-images-in-2020

But if it's purely a cdn you're looking for then maybe cloudinary

cloudcompute commented 3 years ago

By reading the contents of this issue, it gives a feeling that it was raised to promote the datoCMS.