Ad

Image Size Recommendation For A Web Page Different Screens

- 1 answer

I am new to web development.I am working on an e-commerce website. I want my web pages to load faster. Since images contribute a lot in the performance of web pages, i would like to strictly work on the image sizes,resolutions for different size of screens of media. Please help me with this. Do i get any tool or any plugin for this? Or any source about this topic which covers most of the things?

Ad

Answer

  1. Use different resolutions of images for Desktop and Mobile using responsive Image srcset property

  2. Then use lazy loading images for better speed using this plugin LazySize

Read this article for better understanding Immaculate Imagery with Lazy Pictures & BPG

Ad
source: stackoverflow.com
Ad