企业官网建设流程全解析

Angular最佳实践

针对 AI 代理和大语言模型（LLM）优化的 Angular 应用性能优化与最佳实践。

概览

该技能提供跨以下方面的优先性能指南：

• 变更检测- OnPush 策略, Signals, 无区域应用
• 异步操作- 避免瀑布式，SSR 预加载
• 包优化- 懒加载,@defer, 树摇
• 渲染性能- TrackBy、虚拟滚动、CDK
• SSR 与水合- 服务器端渲染模式
• 模板优化- 结构指令，管道记忆化
• 状态管理- 高效的响应式模式
• 内存管理- 订阅清理，分离引用

结构

SKILL.md文件按优先级进行组织：

1. 关键优先级- 最大性能提升（变更检测，异步）
2. 高优先级- 重大影响（包，渲染）
3. 中等优先级- 明显改进（SSR，模板）
4. 低优先级- 渐进式提升（内存，清理）

每条规则包括：

• ❌错误- 不该做的事
• ✅正确- 推荐的模式
• 📝原因- 影响的解释

快速参考清单

适用于新组件：

• 使用ChangeDetectionStrategy.OnPush
• 使用信号进行响应式状态
• 对非关键内容使用@defer
• 在*ngFor循环中使用trackBy
• 没有清理就不订阅

用于绩效评估：

• 不使用异步瀑布流（并行数据获取）
• 路由惰性加载
• 大型库代码拆分
• 图像使用NgOptimizedImage

版本

当前版本：1.0.0（2026年2月）

参考文献

• Angular Performance
• Zoneless Angular
• Angular SSR