Extension UI render performance: list keys, virtualization, `React.memo`, code splitting, Web Workers, debouncing. Use when a long list stutters, scrolling feels janky, a component re-renders more than it should, or a route loads slowly. Effects go to `perf-hooks-effects`; selectors to `perf-state-management`.
Installs into .claude/skills of the current project.
Are you the author of Metamask Official Perf Rendering?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/jiayaoqijia-metamask-official-perf-rendering)
---
name: perf-rendering
description: >
Extension UI render performance: list keys, virtualization, `React.memo`, code splitting, Web
Workers, debouncing. Use when a long list stutters, scrolling feels janky, a component
re-renders more than it should, or a route loads slowly. Effects go to `perf-hooks-effects`;
selectors to `perf-state-management`.
base: true
---
