SuperAPI AI 工具集

web-performance-optimization

通用与其它

查看项目

更新于 10-15 17:28

技能介绍

用途:优化 Web 性能,改善 Core Web Vitals、降低页面加载时间、提升 Lighthouse 分数并支撑 SEO 与转化目标。

主要能力:覆盖 LCP、INP、CLS、TBT、FCP 等指标,提供按时间投入分级的快速优化清单,如为折叠下方图片加 loading="lazy"、启用 gzip/brotli 压缩、添加 rel="preconnect"、实现代码分割、用 fetchpriority="high" 优化 LCP 图片、配置缓存策略与性能监控。资料还提及 View Transitions API(@view-transition { navigation: auto; })、Speculation Rules API、React Server Components、Priority Hints、Content Visibility 等现代模式,以及 Next.js、React、Vue、Vite、Astro、SvelteKit 等框架优化和 Lighthouse CI、RUM、性能预算等监控方法。

使用方式:先用 Lighthouse/WebPageTest 建立基线,再按 ROI 从快速优化入手,针对具体指标查阅对应模块,并在真实设备上测试。

限制与注意:资料强调先测量后优化、关注真实用户指标而非仅 Lighthouse 分数、重视移动端性能、避免同步加载第三方脚本、持续监控性能退化;未提供具体安装命令或官方文档链接。