# 渲染性能与资源加载检查项

## 渲染性能

- 每次渲染都新建昂贵对象、函数或计算结果，导致子组件无意义重渲染
- 大列表缺少虚拟滚动、分页或窗口化处理，滚动和首屏性能明显回退
- `useMemo`、`useCallback`、`computed`、缓存逻辑依赖错误，导致缓存失效或结果陈旧
- 在渲染阶段执行高开销计算、深拷贝、正则或序列化

## 资源与网络加载

- 首屏新增大体积资源、同步阻塞资源或重复请求，没有 lazy load、拆包或缓存策略
- 路由切换、搜索输入、滚动监听等高频场景没有 debounce/throttle 或取消机制
- 同一页面重复拉取相同数据，缺少去重、缓存或失效策略

## Hydration / SSR / CSR 风险

- 服务端和客户端渲染依赖不同的数据、随机值、时间或环境变量，存在 hydration mismatch 风险
- 在服务端渲染路径中直接访问 `window`、`document`、`localStorage` 等浏览器对象
- 仅在客户端可用的副作用被放在首屏关键路径上，导致闪烁、抖动或状态不一致

## 样式与布局稳定性

- 样式改动导致关键内容不可见、覆盖、溢出、布局抖动或响应式断点失效
- 动画、阴影、滤镜、回流频繁属性被用于大面积元素，可能引发卡顿

## 排查思路

审查时依次问自己：

- 这个改动会不会让组件在每次输入、滚动、切换时都重复做昂贵工作？
- 首屏、列表、大量节点、SSR hydration 场景是否比之前更脆弱？
- 用户快速操作或慢网环境下，会不会出现重复请求、闪烁或状态回退？
- 如果没有明确代码路径支撑，不作为正式问题输出。