[docs-infra] Fix page change speed regression #41117
Labels
bug 🐛
Something doesn't work
performance
priority: important
This change can make a difference
regression
A bug, but worse
scope: docs-infra
Specific to the docs-infra product
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:
https://search.google.com/search-console/core-web-vitals/summary?resource_id=sc-domain%3Amui.com&device=2#inp-table
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
Context
This issue is meant to be closed with insights gathered after the research task
Search keywords: docs-infra, page load
The text was updated successfully, but these errors were encountered: