CODEWITHSUNDEEP
javascriptreactjsperformance
Bhumik
Bhumik

Reputation: 52

Optimize Performance of images in Reactjs

I have a question regarding the performance of different types of images (like SVG, PNG, JPEG ) we render in UI. Which Type is Best to render and the efficient way to implement it. How can we Best implement it that it takes less time?

Upvotes: 1

Views: 5196

Answers (1)

Shivam Jha
Shivam Jha

Reputation: 4572

You can use a library like lazysizes, or you can use the loading="lazy" attribute which has now a promising support

If you are using framework like Next.js, it has built-in support for lazy loading images by default and much more

For a detailed insight, you may read this awesome article:

Lazy Loading images

Upvotes: 1

Related Questions