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?
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: