用途:该技能聚焦网站性能优化,结合 Core Web Vitals、Lighthouse 审计、Webpack 打包优化、HTML/JS 懒加载、CDN 配置与缓存策略,改善加载时间与用户体验。适用于页面加载缓慢、为 Core Web Vitals 的 SEO 影响做准备、优化大型 JavaScript 包或在生产环境实现高效资源分发的场景。
主要能力:运行 Lighthouse 审计,测量 Core Web Vitals(LCP、FID、CLS)及首字节时间等指标;用 Webpack 的 TerserPlugin 做压缩与代码分割来优化包体积;通过 HTML 属性(如图片 loading="lazy")或 React 的 lazy() 实现懒加载;使用 Cloudflare 等供应商配置 CDN 分发静态资源;用 HTTP 头(如 Cache-Control: max-age=3600)或 Service Worker 应用缓存策略。
使用方式:通过 OpenClaw 的 API 或 CLI 调用,传入 URL 或配置文件等参数。审计时提供 URL 与选项;优化时提供代码片段或构建配置。CLI 示例:openclaw execute web-performance --url https://example.com --audit-type full --output json。API 端点为 /api/skills/web-performance/execute,采用 JSON 载荷,鉴权需在请求头携带 $OPENCLAW_API_KEY。可在 CI/CD 流水线中用于自动审计 PR 构建。集成上可导入 OpenClaw SDK 调用技能函数,运行前设置环境变量 $OPENCLAW_API_KEY,并用 JSON 配置文件组织多步优化(如 audit、optimize-bundle、apply-caching)。Webpack 集成需 Node.js 14+。
适用场景:页面性能分析与改进、打包体积优化、资源懒加载、CDN 与缓存落地、自动化性能审计。
限制与错误处理:需处理 API 响应码,如 400 表示 URL 无效、401 表示鉴权问题;代码中应对技能执行使用 try-catch。无效 URL 返回 "Invalid input",网络错误建议用指数退避重试,调用前应校验 URL 等输入。该技能与 web-dev 集群相连,关联技能包括 seo-optimization 与 frontend-dev,依赖 monitoring-tools 做审计后分析。具体支持范围、性能提升幅度与定价等事实暂未提供。