mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.35k stars 32.13k forks source link

[material-ui][docs] Material Icon search lags #41126

Open oliviertassinari opened 7 months ago

oliviertassinari commented 7 months ago

Steps to reproduce

Link to live example: (required)

Steps:

  1. Open https://mui.com/material-ui/material-icons/?query=alert

https://github.com/mui/material-ui/assets/3165635/ff4f006e-9268-4365-8d4a-05aa2d97a60e

Current behavior

Main thread blocked

Expected behavior

No massive chunk of blocked time

Context

Google is aware of this problem, Chrome is feeding it back data about the page, see ahref INP data fetched from Google. Same data in https://pagespeed.web.dev/analysis/https-mui-com-material-ui-material-icons/253fjl9n29?form_factor=desktop

Horrible:

SCR-20240216-cexd

I would imagine that https://react.dev/reference/react/useTransition is the solution

Your environment

npx @mui/envinfo ``` Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```

Search keywords: Material Icon search lags

oliviertassinari commented 2 weeks ago

Reopen per https://github.com/mui/material-ui/pull/41330#issuecomment-2323517472.