Agent Skills
› hellowind777/helloagents
› hello-perf
hello-perf
GitHub提供全栈性能优化规范，涵盖数据库查询、缓存策略、前端渲染及算法并发。指导开发者避免N+1查询、实现分页与懒加载，并检查内存与时间复杂度，确保系统高效稳定运行。
Trigger Scenarios
需要优化数据库查询或处理大数据集时
实施缓存策略或解决缓存穿透雪崩问题时
进行前端性能调优如懒加载和虚拟滚动时
涉及高并发、内存管理或复杂算法优化时
Install
npx skills add hellowind777/helloagents --skill hello-perf -g -y
SKILL.md
Frontmatter
{
"name": "hello-perf",
"description": "优化性能、处理数据库查询、实现缓存、懒加载、分页、打包优化，或代码涉及大数据集循环、并发操作、内存管理时使用。"
}
性能相关代码必须遵循以下规范。
编码前
先定位性能瓶颈（I/O / 计算 / 内存），再写代码。
查询优化
- 禁止 N+1 查询：使用 JOIN、批量加载、dataloader
- 大数据集必须分页，不一次加载全部
- 数据库索引覆盖常用查询条件
- 只查需要的字段（SELECT 具体列，不用 SELECT *）
缓存策略
- 读多写少的数据 → 缓存（内存/Redis）
- 设置合理的 TTL
- 缓存失效策略：写时失效 > 定时过期
- 防止缓存穿透（空值缓存）和雪崩（随机 TTL）
前端性能
- 代码分割 + 路由级懒加载
- 图片：WebP/AVIF、懒加载、srcset 响应式
- 声明 width/height 或 aspect-ratio 防止布局偏移
- 关键 CSS 内联，非关键 CSS 异步加载
- 50+ 项列表使用虚拟滚动
算法与并发
- 注意时间复杂度，禁止嵌套循环处理大数据集（O(n²)+）
- Map/Set 查找 O(1) vs Array.includes O(n)
- 批量操作优于逐条操作
- 高频事件（scroll/resize/input）使用 debounce/throttle
交付检查
- 无 N+1 查询
- 列表接口有分页
- 图片已优化（格式/懒加载/尺寸声明）
- 无嵌套循环处理大数据集
Version History
- 79c0b48 Current 2026-08-20 08:25
