How to know if React lazy load component is working or not? React js

Question

I am using react lazy load component npm library, How can I know whether its working or not? I have used onContentVisible which is available in react lazy load component library docs. Even Without scrolling, In developer tools, Network tab says 84 requests are sent which is the maximum requests for my web page. How can I figure it out?

Are you using any node module to achieve React Lazy load component or React.lazy? — Varit J Patel
– Varit J Patel, Commented Nov 21, 2018 at 12:58
In order to figure out if the lazy component, you need to invoke that component. — Varit J Patel
– Varit J Patel, Commented Nov 21, 2018 at 13:06
Invoke?How? I have read docs and used as per docs. onContentVisible is working. Couldn't exactly know whether is working or not? — Harish Kulkarni
– Harish Kulkarni, Commented Nov 21, 2018 at 13:20
It seems that you are not using official React.lazy reactjs.org/docs/code-splitting.html#reactlazy. I think that you are using react-lazy-load npm module because it supports onContentVisible. Kindly add more information about what you are using and add minimal reproducible example — Abdul Rauf
– Abdul Rauf, Commented Nov 21, 2018 at 16:14

VikR · Accepted Answer · 2019-10-26 18:22:45Z

8

In Chrome dev tools, press command-shift-p (Mac) or control-shift-p (Windows) to open the command menu. Select Show Coverage and click the Reload button and reload your home page, and Chrome will show you what has loaded.

answered Oct 26, 2019 at 18:22

VikR

5,15410 gold badges58 silver badges113 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to know if React lazy load component is working or not? React js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related