New issue
Advanced search Search tips

Issue 831215 link

Starred by 1 user

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Bug


Participants' hotlists:
Modern-Media-Controls


Sign in to add a comment

Media Controls: Split modernMediaControls.css into seperate stylesheets

Project Member Reported by beccahughes@chromium.org, Apr 10 2018

Issue description

modernMediaControls.css is getting quite large and every rule we add is a persistent memory overhead.

We should break out this CSS file with separate stylesheets for immersive and testing (and anything else) so we avoid adding rules that are not used all the time.
 
Owner: beccahughes@chromium.org
Status: Started (was: Available)
Note that I will be splitting out the VR sheet as part of  crbug.com/834458 
Actually, we went a different route for solving that issue, so I did not split out the VR sheet
Owner: ----
What work still needs to be done on this, if any?
Pretty much all of it. modernMediaControls.css is currently a 1300+ line monolith CSS file that's only slightly organized. At a minimum, we want to split out the rules that are only used in special cases (e.g. immersive/testing as mentioned above) and only load those when necessary. It may not be worth the overhead to further split out rules that are always loaded, though it would make the CSS much more readable
It's also work mentioning that modernMediaControls.css is a UA stylesheet, which means that every rule is added to every page on Chrome so if we could move some of these rules out into a separate stylesheet it should improve performance.
Status: Available (was: Started)
This issue has been marked as started, but has no owner. Making available.

Sign in to add a comment