How to increase software rendering video performance in Vue js?

55 views Asked by At

Let's assume I have a thousand of object array which includes .mp4 came from cloudinary. I've also tried to transform into .webm type to compress file sizes but somehow it still didn't much reduce the performance.

How can I optimize the performance of my software when rendering thousands of video objects with video URLs fetched from Cloudinary?

Our rendering use case is pretty much similar with youtube.

I would like to render my list of videos like the way youtube does, have also implemented virtual scroller but it didn't much reduce the performance. Probably I was rendering a certian list of video at once. Any suggestion? :)

enter image description here

I wonder what does that disk cache mean? can we clean up those caches? Or is there anything that we can do?

And what does 63 requests | 0 B transferred | 25.3 MB resources indicate? Is that a problem for performance?

0

There are 0 answers