Community编程与开发github.com

addyosmani/performance

优化网页性能,实现更快加载和更佳用户体验。适用于当用户要求“加速我的网站”、“优化性能”、“减少加载时间”、“修复加载缓慢”、“提升页面速度”或“性能审计”时。

performance 是什么?

此技能专注于分析和优化网页性能,旨在减少加载时间并提升用户体验。它支持通过自动化工具(如 Lighthouse、PageSpeed Insights)进行性能审计,识别关键瓶颈(如 JavaScript 阻塞渲染、图片未优化、CSS 冗余),并生成可操作的改进建议。该技能适用于 Claude Code、Cursor 等 AI 编码助手,适用于开发者在开发或生产环境中快速诊断性能问题。其工作流程包括分析网页资源、识别低效加载模式、提议缓存策略、延迟加载、代码拆分等优化措施,最终输出一份清晰的优化报告。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/addyosmani/web-quality-skills/tree/main/skills/performance

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

performance 是做什么的?

优化网页性能,实现更快加载和更佳用户体验。适用于当用户要求“加速我的网站”、“优化性能”、“减少加载时间”、“修复加载缓慢”、“提升页面速度”或“性能审计”时。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

相关技能