Skip to content

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

@oliviertassinari

Description

@oliviertassinari

Steps to reproduce

Link to live example: (required)

Steps:

  1. Open https://mui.com/material-ui/material-icons/?query=alert
Screen.Recording.2024-02-16.at.01.21.13.mov

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    docsImprovements or additions to the documentation.performancescope: iconsChanges related to the icons.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions