Large page that loads MathJax becomes unresponsive, only in Safari

• Component: Layout and Rendering
• Status: NEW ---

[Lee Campbell]

On this page, https://neurips.cc/Conferences/2019/Schedule, Safari becomes so laggy that it is unusable for about 25 seconds. This does not happen in Firefox, Chrome, or Edge.  During this period, it is difficult to use the filter controls at the top of the page. This page is large and I believe the problem comes from the performance of a javascript library called MathJax.  

Firefox's handling of this page is exemplary.

It's not a bug, but it's one of those cases where Safari doesn't do as well as it's competitors.

[Alexey Proskuryakov]

I can reproduce this with macOS 12.2 on an M1 MacBook Pro. It's a lot shorter than 25 seconds on this hardware, and the webpage doesn't get completely unresponsive, but it's noticeably slow to respond to clicks in these filter controls.

There is a lot of relayout happening as part of handling mouse events (move, force, press).

[Simon Fraser (smfr)]

Lots of time under:
             1272 WebCore::RenderBlock::layout()  (in WebCore) + 500  [0x7ff911cb7014]
               1027 WebCore::RenderBlockFlow::layoutBlock(bool, WebCore::LayoutUnit)  (in WebCore) + 6468  [0x7ff913ac7dc4]
               | 1027 WebCore::RenderBlock::layout()  (in WebCore) + 500  [0x7ff911cb7014]
               |   775 WebCore::RenderBlockFlow::layoutBlock(bool, WebCore::LayoutUnit)  (in WebCore) + 579  [0x7ff913ac66c3]
               |   + 331 WebCore::RenderBlockFlow::rebuildFloatingObjectSetFromIntrudingFloats()  (in WebCore) + 712  [0x7ff913ac1ee8]
               |   + ! 131 WebCore::RenderBlockFlow::addIntrudingFloats(WebCore::RenderBlockFlow*, WebCore::RenderBlockFlow*, WebCore::LayoutUnit, WebCore::LayoutUnit)  (in WebCore) + 898  [0x7ff913ac3262]

[Radar WebKit Bug Importer]

<rdar://problem/89116795>