Description
The problem
The page transition speed between pages is about x3-x4 too slow.
Open https://mui.com/material-ui/react-button/ and navigate to the Button Group page. It takes about 200ms to perform the transition:
According to https://web.dev/articles/inp, this is very borderline for my high-end MacBook Pro. Google Search will use a new performance ranking metric, which we don't do well:
The goal
Compare the experience to https://www.radix-ui.com/primitives/docs/components/alert-dialog to move to the Accordion page:
It's x2-3 better.
Same on https://ui.shadcn.com/docs/components/button, it's at about 65ms.
So as a developer, my first impression is: Material UI docs feels slow, then surely MUI System is not performant, I'm not using it, I want me end-users to have a great UX. To be fair, we can't really compare Material UI docs page to others, we have a lot more content on the page.
It is to be noted that it seems a regression, https://v4.mui.com/components/button-group/ is faster:
Part of the solutions
- Layout. We don't use layouts like the comparison I raised about. [docs-infra] Improve page transition speed #38394 showcases the benefits of using a layout using the Next.js Pages Router. It helps a good amount. Same in [website] Fix a few regression #38050 (comment), [docs] Improve side nav scroll into view #36732.
- Emotion. It's slow, we spend a lot of time doing style computations
- ?
Context
This issue is meant to be closed with insights gathered after the research task
Search keywords: docs-infra, page load