Performance
技能 已验证 活跃优化网站性能,实现更快的加载速度和更好的用户体验。当用户要求“加速我的网站”、“优化性能”、“减少加载时间”、“修复加载缓慢”、“提升页面速度”或“性能审计”时使用。
通过提供基于既定最佳实践的可操作见解和代码示例,优化网站性能以实现更快的加载速度和更好的用户体验。
功能
- 识别性能瓶颈
- 优化关键渲染路径
- 优化图像和字体
- 实施缓存策略
- 提高运行时性能
使用场景
- 当用户要求“加速我的网站”时使用
- 当用户要求“优化性能”时使用
- 当用户要求“减少加载时间”时使用
- 当用户要求“修复加载缓慢”时使用
非目标
- 不执行自动审核或提供直接的 Lighthouse 报告。
- 不关注后端性能或服务器端优化(除响应时间外)。
- 不涵盖特定框架级别的构建工具配置(除一般原则外)。
工作流
- 识别代码和资源中的性能瓶颈
- 按对核心 Web 指标的影响程度对优化进行优先级排序
- 提供具有代码示例的具体优化
- 通过前后指标测量改进
安装
请先添加 Marketplace
/plugin marketplace add addyosmani/web-quality-skills/plugin install web-quality-skills@addy-web-quality-skills质量评分
已验证类似扩展
Core Web Vitals
100优化核心 Web 指标(LCP、INP、CLS),以获得更好的页面体验和搜索排名。当被要求“改进核心 Web 指标”、“修复 LCP”、“减少 CLS”、“优化 INP”、“页面体验优化”或“修复布局偏移”时使用。
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Performance Analysis
100Comprehensive performance analysis, bottleneck detection, and optimization recommendations for Claude Flow swarms
MongoDB Connection Optimizer
100为任何支持的驱动程序语言优化 MongoDB 客户端连接配置(池、超时、模式)。在处理/更新/审查实例化或配置 MongoDB 客户端(例如,调用 `connect()` 时)、配置连接池、对连接错误(ECONNREFUSED、超时、池耗尽)进行故障排除、优化与连接相关的性能问题时,请使用此技能。这包括构建具有 MongoDB 的无服务器函数、创建使用 MongoDB 的 API 端点、优化高流量 MongoDB 应用程序、创建长期运行任务和并发性,或调试与连接相关的失败等场景。
Sql Optimization
100Universal SQL performance optimization assistant for comprehensive query tuning, indexing strategies, and database performance analysis across all SQL databases (MySQL, PostgreSQL, SQL Server, Oracle). Provides execution plan analysis, pagination optimization, batch operations, and performance monitoring guidance.
Performance Optimization
99Diagnose and fix web performance issues including Core Web Vitals (LCP, INP, CLS), bundle size, asset optimization, render performance, and runtime efficiency. Use this skill whenever the user wants to improve page speed, fix Core Web Vitals, optimize assets, reduce bundle size, debug slow renders, or systematically improve a site's performance. Triggers on performance, page speed, Core Web Vitals, LCP, INP, CLS, FID, TTFB, bundle size, code splitting, image optimization, lazy loading, render blocking, slow page, performance audit, Lighthouse score. Also triggers when traffic or conversion is dropping due to perceived slowness.