SuperAPI AI 工具集

performance-optimization

部署与运维

查看项目

更新于 10-15 22:11

技能介绍

用途:该技能提供 Web 性能优化方面的专家知识,重点围绕 Core Web Vitals、打包体积削减和高效缓存策略,适用于性能调优、加载时间优化、Core Web Vitals 改进与缓存策略设计。

核心原则:先测量,使用 Lighthouse 或 PageSpeed Insights;关注 Core Web Vitals;渐进增强,保证核心功能在各环境可用;按需懒加载;最大化缓存命中。

强制目标:LCP(最大内容绘制)小于 2.5 秒,FID(首次输入延迟)小于 100 毫秒,CLS(累积布局偏移)小于 0.1;初始打包体积小于 100KB;图片优化(WebP、懒加载);配置 HTTP 缓存头;CDN 优化;代码分割与 tree shaking。

优化策略:懒加载图片与图表;延迟非关键 JavaScript;使用浏览器缓存(Cache-Control、ETag);压缩 HTML/CSS/JavaScript;优化图片(压缩、现代格式);使用 Service Worker 支持离线。

适用场景:性能调优、打包体积削减、加载时间优化、Core Web Vitals 改进、缓存策略设计。

限制:资料未提供具体安装命令、平台支持范围、收费方式或实测效果数据,暂未提供。版本 1.0,最后更新 2026-02-06。