SuperAPI AI 工具集

modern-web-performance

通用与其它

查看项目

更新于 10-15 21:11

技能介绍

用途:该技能面向“精英级”Web 开发,强调速度、零配置开发体验(DX)与可扩展架构,来源标注为 Vercel 最佳实践与 Anthony Fu(Antfu)工程标准。

主要能力:

  1. 现代技术栈(Vercel 方式):边缘优先思维,优先将逻辑放在 Edge(Middleware、Edge Functions)以降低 TTFB;使用增量静态再生(ISR)在不全量重建的情况下更新静态内容;采用服务端组件模式,尽量减少客户端 JS,谨慎且仅在必要时使用 use server。
  2. 开发者体验(Antfu 级):零配置理念,使用 Vite、Vitest、ESLint(flat config)等现代工具减少样板代码;可组合逻辑,构建职责单一、易于单元测试的小函数(Vue Composables 或 React Hooks);全面类型安全,禁止 any,使用 Zod 做运行时校验并启用严格 TS 配置。
  3. Monorepo 与可扩展性:使用 Turborepo 管理多包项目,借助智能缓存与并行执行;将 UI 拆分为独立包以便在 Web/移动端复用;包现代化,从 CJS 迁移到 ESM,并正确定义 package.json exports。
  4. 性能审计:监控 Core Web Vitals(LCP、FID、CLS),以 PageSpeed Insights 满分 100 为目标;进行打包分析以发现并移除“重”依赖;优化关键路径的预加载/预取策略。

使用方式与限制:资料未提供具体安装命令、调用步骤或配置示例,暂未提供。适用场景为现代前端/全栈 Web 项目的性能优化与工程规范落地;具体平台支持、收费与效果数据暂未提供。