How to optimize the video on the site?

Question

React

There are pages on which 3-7 looped videos can be loaded at the same time. I didn't use a gif, because the size was prohibitive. Although now it is not very small (from 500 kB to several mb) on each video, but it is better in every way. Actually, from this on a slow Internet, pages can be loaded for a long time. Please advise, if anyone has come across, how can this situation be improved?

Answer 1

And package.jsonwhat is written?

Answer 2

You can also load the page first, and then pull up the videos via ajax, together, or one at a time, as it is better for the perception of the page.

Answer 3

Use "lazy" (asynchronous) video loading.