性能

从用户指标、网络加载、渲染运行时到构建治理的性能优化学习入口。

使用 Web Vitals、PerformanceObserver、Network 和 Performance 面板建立可复现的性能诊断流程。

从导航关键路径、缓存、资源提示、压缩、CDN 到图片字体和脚本加载，系统化优化网络阶段。

理解 DOM/CSSOM、布局绘制合成、主线程任务、Observer、长列表、Web Worker 和内存治理。

从更新边界、稳定引用、状态所有权、列表 key、批量更新到 React Compiler 和 Vue v-memo。

从产物分析、依赖治理、代码分割、Tree Shaking、CSS/图片压缩到预算和 CI 回归，建立可持续的构建性能闭环。