Submitted 8 months ago

E Commerce Website

Afgantar• 270

@Afgantar

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

E-commerce product page

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Images load slowly, please give me some feedback on how to optimize image loading and image placeholders so user don't stare at white screen as they wait for the image to load. And also, please give me some tips on accessibility for my website such as labelling or good user experience in general. Your feedback would be helpful and very much appreciated

Community feedback

Jadurani Davalos• 220

@jadurani

Posted 8 months ago

Hello,

Good work :) Regarding your concern on "how to optimize image loading", I have some recommendations:

Optimize the image size itself. My suggestions:
- Use imagemin to compress images
- Use image processing platforms, I personally use Imgix
Use srcset for the image tags. See references below:

Best,

Rani

Marked as helpful

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord