Submitted 10 months ago

E Commerce Website

Afgantar•270

@Afgantar

Preview site View code

This is a solution for...E-commerce product page

HTML
CSS
JS

3intermediate

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
@jaduraniPosted 10 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:

Fast Load Times

What Img Srcset Does In HTML5: A Quick & Simple Guide

Responsive images

Best,

Rani
Marked as helpful
0

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