[wp-trac] [WordPress Trac] #32597: mediaelement.js high CPU usage triggered by the buffering CSS animation

[WordPress Trac]

#32597: mediaelement.js high CPU usage triggered by the buffering CSS animation
-------------------------------------------------+-------------------------
 Reporter:  afercia                              |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  Awaiting
                                                 |  Review
Component:  External Libraries                   |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  needs-patch has-testing-info has-    |     Focuses:
  screenshots                                    |
-------------------------------------------------+-------------------------
Changes (by afercia):

 * keywords:  needs-testing reporter-feedback => needs-patch has-testing-
     info has-screenshots


Comment:

 This ticket was created on June 2015, almost 9 years ago. It's May 2024
 now and, although hardware has evolved and modern devices use more
 powerful CPUs and GPUs, the high CPU usage can still be reproduced by
 following the steps from comment:8.

 It is triggered by the CSS animation of the `mejs-time-buffering` element.
 It's especially noticeable with Firefox but it occurs with other browsers
 as well. See attached screenshots (Firefox).

 It is worth noting the new WordPress editor uses native HTML audio and
 video elements. As such, this issue only impacts pages created with the
 Classic editor but that's likely still a very large number of web pages.

 Since the CSS animation that triggers high CPU usage is unnecessary, I'd
 like to propose to just disable it with a CSS rule that overrides the
 mediaelement CSS.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/32597#comment:11>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform