第一步：填写商品页 URL
粘贴任何无需登录、可以从公网正常访问的商品页或落地页地址。
商品页体检，在线完成结构化检测
粘贴一个公开可访问的商品页 URL，通过 Google PageSpeed Insights API 获取 Lighthouse 评分、关键性能指标、图片体积建议、页面结构审计和电商人工检查清单。
商品页体检，只需三步
填写地址、选择设备、查看报告。检测由浏览器请求 Google PageSpeed Insights API。
第二步：选择检测设备
选择移动端或桌面端。默认使用共享 API 配额；测试量较大时，也可以填写自己的 Google API Key。
第三步：查看报告并过清单
等待 Google Lighthouse 完成检测，查看四项评分、关键性能指标、图片优化空间和结构问题，再逐项检查电商人工清单。
商品页体检的核心能力
围绕实际使用场景，保留原工具的处理能力与输出方式。
Lighthouse 四项评分
- 集中查看性能、无障碍、SEO 和最佳实践评分。
关键性能指标
- 展示 LCP、CLS、TBT 和 FCP，帮助判断页面慢在哪里、布局是否稳定。
图片与页面结构诊断
- 汇总图片可节省体积、现代格式、响应式图片、标题、描述、图片替代文本、对比度和结构化数据等检查结果。
电商人工检查清单
- 补充 Lighthouse 不直接判断的首屏主图、主要 CTA、信任信息、移动端交互和商品结构化数据等转化要素。
指标与评分怎么读
在同一设备模式下比较 Lighthouse 评分与关键指标，优先处理低分项和图片优化空间。
推荐做法
四项 Lighthouse 评分均为 0–100。
当前工具将 90 分及以上显示为良好，50–89 分显示为需要关注，低于 50 分显示为优先处理。
评分会受到测试设备、网络条件和页面实时状态影响，更适合在相同设备模式下比较优化前后的变化，而不是只看一次绝对分数。
LCP 和 CLS 是页面体验的重要指标；
TBT 与 FCP 用于补充判断主线程阻塞和首批内容出现速度。
使用提醒
报告中的图片可节省体积通常是成本较低、效果直接的优化入口，但仍应结合真实商品页体验判断优先级。
这个工具不是完全离线运行。
检测时，商品页 URL 会从浏览器直接发送给 Google PageSpeed Insights API，由 Google 的服务访问并分析该公开页面。
可选 API Key 只保存在当前浏览器的 localStorage 中，但执行检测时会随请求直接发送给 Google；
不会发送到 PixPix 服务器。
商品页体检处理前后，结果清晰可见
配图建议：左侧展示待检测商品页，右侧展示四项评分、LCP/CLS/TBT/FCP、图片节省空间和电商检查清单组成的完整报告。
检测前
只能感觉页面加载慢或转化不理想，不清楚问题来自图片体积、性能指标、页面结构还是移动端体验。
检测后
得到结构化 Lighthouse 报告和电商人工清单，可以按评分、关键指标、图片优化空间和转化要素逐项处理。
关于商品页体检，你可能还想知道
关于处理效果、输出、限制与隐私的常见问题。
底层调用的是 Google PageSpeed Insights API 返回的 Lighthouse 结果，但页面把电商常见问题集中整理在同一份报告中，并补充图片体积、页面结构和人工转化清单。
相关工具
继续处理尺寸、格式、隐私与展示素材，使用同一套轻量工具。
诊断已经完成——继续优化商品视觉
把报告里发现的图片与内容问题带到 PixPix，继续制作更轻、更清楚、更适合转化的商品素材。