SuperAPI AI 工具集

pagespeed-enhancer

前端与建站

查看项目

更新于 10-16 05:28

技能介绍

PageSpeed Enhancer 是一个针对网页性能的审计与修复技能(Skill),面向 Lighthouse/PageSpeed Insights 的四大支柱:Performance(性能)、Accessibility(可访问性)、Best Practices(最佳实践)和 SEO。它提供结构化的、按批次推进的审计与修复工作流,要求使用者始终按照批次流程依次进行,不得在未完成扫描和风险评估阶段时直接跳到修复环节。

用途 该技能用于扫描、审计并修复网页性能问题。当用户粘贴 PageSpeed Insights 报告或提到 Lighthouse 分数、请求改善 Core Web Vitals(LCP、FCP、CLS、TBT、SI)、需要处理阻塞渲染资源、未使用 JavaScript、图片优化、安全响应头、ARIA 合规或 SEO 元标签修复时适用。也适用于“为什么我的 LCP 慢”“修复可访问性问题”“提升 SEO 分数”“我的站点性能只有 80 分”等提问,以及任何提到 PageSpeed、Lighthouse、Web Vitals 或站点速度的场景。

主要能力 技能覆盖四大支柱的审计与修复。针对性能,可解析评分摘要表、识别 LCP 等瓶颈、检查 TTFB、元素渲染延迟、懒加载策略,给出预加载、立即加载或改善服务器响应时间等针对性修复建议。针对可访问性,处理 ARIA 合规等问题。针对最佳实践,涉及安全响应头建议(假定用户可控制部署平台如 Netlify、Vercel)。针对 SEO,处理元标签修复。输出形式包括按优先级排序的风险报告(如 F1.1、F1.5 等条目并标注 P1 优先级),以及分批次的修复应用与重新测试验证。

使用方式 应先阅读详细指南,其中保留完整流程与参考材料,其安全、前置条件和验证要求均为强制项。聚焦任务可加载相关章节,端到端任务则需完整阅读。典型流程为:用户提供 PageSpeed 报告或 URL → 解析分数摘要并定位关键瓶颈 → 运行批量扫描(如 Batch A)→ 输出带优先级的风险报告 → 应用修复批次 → 重新测试验证。示例中,用户反馈性能 65 分、LCP 4.2 秒时,技能会识别 LCP 为关键瓶颈,通过 Batch A 扫描发现懒加载的首屏图片和阻塞渲染的 CSS,输出 CSS @import 改为 link、LCP 图片改为立即加载等 P1 项,再应用修复并复测。用户询问 LCP 慢时,技能会先索取报告 URL 或粘贴结果,再执行 LCP 专项审计,识别 LCP 元素、其当前加载策略和关键路径链,给出针对性修复。

适用场景 适用于前端与建站相关的性能优化工作,包括站点速度诊断、Core Web Vitals 改善、可访问性与 SEO 合规修复、安全响应头配置建议等。

限制 不实际运行 Lighthouse 或 PageSpeed 测试,用户必须自行提供报告或 URL。安全响应头建议假定用户可控制部署平台。修复为通用模式,具体文件路径和配置语法可能因项目设置而异。不覆盖服务器级优化,如 CDN 配置、PHP opcode 缓存、数据库查询等。图片转换命令假定用户已安装所需工具(cwebp、sharp、Pillow)。CSP 指导采用仅报告的迭代方式,最终策略必须按各项目实际资源来源进行调整。