Can I simulate slow loading of image in React.js

Question

Already referenced the answer below

slowing down internet connection with chrome developer works but loading the entire site is slow, would like to focus on just the image reloading.

one of the answers suggested deelay.me which seems to be down already

Thank you for any input

add a wrapper around img tag and use setTImeout to add src attribute? — Chris Li, Aug 21 '21 at 02:53
Filter requests for images through an endpoint which does the following: send the correct MIME header (e.g. `image/jpeg`), then open the image file and send it in chunks, with a delay of your choosing between chunks. That will cause images to trickle back from the server to the client, rather than loading as fast as possible. — kmoser, Aug 21 '21 at 02:53

score 0 · Answer 1 · answered Aug 21 '21 at 02:51

0

Try using setTimeout() on the HTTP request. This will delay the loading of the image.

answered Aug 21 '21 at 02:51

Devesh Gupta

score 0 · Answer 2 · answered Aug 21 '21 at 03:39

0

you can lazy load your image and show the loading gif on the image placeholder when the IMG tag is fetching the image.

answered Aug 21 '21 at 03:39

Fly Yee

2 Answers2