什么是 web-performance？
Web 和前端性能优化。当用户要求“优化性能”、“改进加载时间”、“延迟加载”、“代码分割”、“捆绑包大小”、“核心 Web 生命”、“图像优化”、“CSS/JS 缩小”、“缓存策略”、“性能分析”或提及 Web 性能和用户体验指标时使用。 来源：1mangesh1/dev-skills-collection。
·web-performance
</>
web-performance
✓1mangesh1/dev-skills-collectionGitHub: 1mangesh1/dev-skills-collection来源: 1mangesh1/dev-skills-collection
Web 和前端性能优化。当用户要求“优化性能”、“改进加载时间”、“延迟加载”、“代码分割”、“捆绑包大小”、“核心 Web 生命”、“图像优化”、“CSS/JS 缩小”、“缓存策略”、“性能分析”或提及 Web 性能和用户体验指标时使用。
如何安装 web-performance
通过命令行快速安装 web-performance AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：1mangesh1/dev-skills-collection。
SKILL.md
查看原文Strategies and techniques for optimizing web application performance and user experience.
| First Contentful Paint (FCP) | < 1.8s | Chrome DevTools | | Largest Contentful Paint (LCP) | < 2.5s | Lighthouse | | Time to Interactive (TTI) | < 3.8s | WebPageTest | | Total Blocking Time (TBT) | < 150ms | Lighthouse |
Web 和前端性能优化。当用户要求“优化性能”、“改进加载时间”、“延迟加载”、“代码分割”、“捆绑包大小”、“核心 Web 生命”、“图像优化”、“CSS/JS 缩小”、“缓存策略”、“性能分析”或提及 Web 性能和用户体验指标时使用。 来源：1mangesh1/dev-skills-collection。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-22
- 更新时间
- 2026-03-10
快速解答
如何安装 web-performance？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/1mangesh1/dev-skills-collection
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-22