You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Amazing player, used it for years, but for the love of god, it is time to come up with a stripped down version for those who want basic functionality and stability of video.js. Even the core, novtt, minified version still weighs 225 kB (8.11.8), and yes, gzip/brotli produces a smaller file but that is not as much of a big deal as the fact that eventually it still has to be de-compressed and evaluated; all 225 kB of it. And if you have a web page that has a video element as LCP and cannot defer loading video.js, you end up having to wait until it gets evaluated and processed, plus 45.8 kB CSS that accompanies it. That is blocking my web page's render and Pagespeed/Lighthouse is having frenzy of red colors when showing me my LCP statistics. I have nearly full screen WEBP images on my website that weigh 60 kB, my total web page size is 600-700 kB and video.js accounts for 30-40% of it.
I know this topic has been discussed several times before. But perhaps someone from the team can write a tutorial on how some parts can be stripped down without causing much harm to stability? I do not need audio/video track information panels, picture-in-picture support, subtitles, context menus and all the SVG data that is needed for the icons that these features have. I am certain the size could be decreased by a lot if these were removed. I have tried doing it myself but every time I start and remove some parts and see console full of reference errors I just give up and let it be.
On every page where I have video.js I have to cannibalize some other scripts/features in order to keep LCP in check. But that also prevents me from adding some extra features that websites could benefit from and generally just having some wiggle room.
Is there a way to strip down features selectively without causing too much harm to stability?
Reduced test case
none
Steps to reproduce
None
Errors
No response
What version of Video.js are you using?
8.11.8
Video.js plugins used.
No response
What browser(s) including version(s) does this occur with?
This discussion was converted from issue #8666 on April 19, 2024 09:29.
Heading
Bold
Italic
Quote
Code
Link
Numbered list
Unordered list
Task list
Attach files
Mention
Reference
Menu
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Description
Amazing player, used it for years, but for the love of god, it is time to come up with a stripped down version for those who want basic functionality and stability of video.js. Even the core, novtt, minified version still weighs 225 kB (8.11.8), and yes, gzip/brotli produces a smaller file but that is not as much of a big deal as the fact that eventually it still has to be de-compressed and evaluated; all 225 kB of it. And if you have a web page that has a video element as LCP and cannot defer loading video.js, you end up having to wait until it gets evaluated and processed, plus 45.8 kB CSS that accompanies it. That is blocking my web page's render and Pagespeed/Lighthouse is having frenzy of red colors when showing me my LCP statistics. I have nearly full screen WEBP images on my website that weigh 60 kB, my total web page size is 600-700 kB and video.js accounts for 30-40% of it.
I know this topic has been discussed several times before. But perhaps someone from the team can write a tutorial on how some parts can be stripped down without causing much harm to stability? I do not need audio/video track information panels, picture-in-picture support, subtitles, context menus and all the SVG data that is needed for the icons that these features have. I am certain the size could be decreased by a lot if these were removed. I have tried doing it myself but every time I start and remove some parts and see console full of reference errors I just give up and let it be.
On every page where I have video.js I have to cannibalize some other scripts/features in order to keep LCP in check. But that also prevents me from adding some extra features that websites could benefit from and generally just having some wiggle room.
Is there a way to strip down features selectively without causing too much harm to stability?
Reduced test case
none
Steps to reproduce
None
Errors
No response
What version of Video.js are you using?
8.11.8
Video.js plugins used.
No response
What browser(s) including version(s) does this occur with?
General
What OS(es) and version(s) does this occur with?
General
Beta Was this translation helpful? Give feedback.
All reactions