SuperAPI AI 工具集

performance

通用与其它

查看项目

更新于 10-15 20:34

技能介绍

用途:该技能用于优化网页性能,加快加载速度并改善用户体验,适用于“加速站点”“优化性能”“减少加载时间”等需求。它基于 Lighthouse 性能审计,聚焦加载速度、运行时效率与资源优化。

主要能力:识别代码与资源中的性能瓶颈,按对 Core Web Vitals 的影响排序,给出带代码示例的具体优化建议,并用前后指标衡量改进。提供性能预算参考:页面总重 <1.5 MB、压缩 JS <300 KB、压缩 CSS <100 KB、首屏图片 <500 KB、字体 <100 KB、第三方 <200 KB。

关键优化方向:关键渲染路径(TTFB <800ms、启用 Gzip/Brotli、HTTP/2 或 HTTP/3、边缘缓存);资源加载(preconnect、preload 关键资源、延迟非关键 CSS);JavaScript(defer/async/module、代码分割、tree shaking);图片(AVIF/WebP、响应式 picture、LCP 图片 fetchpriority="high"、懒加载);字体(font-display: swap、预加载、可变字体);缓存(Cache-Control、Service Worker);运行时(避免布局抖动、防抖、requestAnimationFrame、长列表虚拟化);第三方脚本(异步、延迟到交互、外观占位模式)。

测量:目标 LCP <2.5s、FCP <1.8s、Speed Index <3.4s、TBT <200ms、TTI <3.8s;可用 Lighthouse CLI:npx lighthouse https://example.com --output html --output-path report.html,或用 web-vitals 库监听 onLCP、onINP、onCLS。

限制:资料未提供该技能的安装方式、收费与平台支持信息;具体效果取决于实际站点与测量环境。