MUI Performance Optimization Tree-Shaking — Named Imports Only Use named imports from . Never import from barrel files or index — bundlers cannot tree-shake those effectively. Icons — always deep import babel-plugin-import (alternative for barrel imports) If you must use named imports from barrels, configure the plugin to transform them: Bundle Analysis Emotion Caching Without caching, Emotion regenerates style sheets on every SSR request. Use with a for significant SSR performance gains. Avoiding Re-renders Memoize sx objects The prop creates a new object on every render, causing Emotion to…