又慢又重的商品頁是在直接丟單。這個工具呼叫 Google 官方 Lighthouse（PageSpeed Insights API）體檢你給的任何 URL，並專門提取電商關心的部分：Core Web Vitals、圖片浪費了多少 KB、標題層級、SEO 基礎項和無障礙。
自動報告下面還有一份手工整理的商品頁清單——CTA 位置、信任要素、移動端體驗——這些機器打不了分，但設計師應該逐項過。
使用方法
- 貼入 URL任何公開可訪問的商品頁，選移動端或桌面端。
- 看報告四項分數、Core Web Vitals、圖片可節省體積和結構審計，約 30 秒出結果。
- 過清單對照報告下方的電商人工檢查項逐條打勾。
給任意商品頁跑一次真實的 Lighthouse 體檢
貼上一個公開網址，這個工具就透過 PageSpeed Insights API 跑 Google Lighthouse，返回四項熟悉的評分:效能、無障礙、SEO 和最佳實踐。它用的就是 Google 自家報告背後的同一套引擎，分數和搜尋團隊實際看的對得上。
你會拿到對排名和體驗都關鍵的核心網頁指標 LCP、CLS、TBT、FCP，還有圖片可壓縮空間、標題結構和 SEO 審計的拆解。頁面上線前或交給客戶前,拿它做一次快速體檢正合適。
不止是分數:一份電商最佳實踐清單
Lighthouse 的原始分數能告訴你頁面慢，卻不一定說清為什麼不轉化。在審計之上，這個工具還加了一份手寫的電商清單，覆蓋 CTA 是否清晰、信任背書、移動端表現和結構化資料(schema)，幫你抓住 Lighthouse 不打分的東西。
如果撞上共享的呼叫限額，可以在可選欄位裡填自己的 Google API key。這個 key 只存在你的瀏覽器裡，用來提高配額，測試量大的日子也不會被限流。
大家都用它來做什麼
上線前商品頁檢查 — 新商品頁或落地頁上線前先審計一遍，儘早抓出速度和 SEO 問題。
核心網頁指標排查 — 檢視某頁的 LCP、CLS、TBT、FCP，找出是哪個指標在拖低分數。
圖片體積清理 — 看圖片可壓縮報告，找出拖慢載入的超大圖。
給客戶和代理商出報告 — 拉一份客觀的 Lighthouse 評分和清單，清楚告訴客戶該改什麼。
對標競品頁面 — 對競品的公開網址跑同一套審計，速度和 SEO 直接對比。
無障礙抽查 — 拿到無障礙評分和審計清單，評審前先抓出明顯的障礙。
轉化就緒度評估 — 用電商清單核對 CTA、信任背書和移動端佈局是否到位。
大量測試不被限流 — 填上自己的 Google API key，一次跑很多審計也不會撞共享配額。
頁面一慢,還沒等人讀完描述,單子就丟了
在商品頁上,每一秒載入時間都能換算成流失的轉化。用移動流量的買家,頁面一卡就走人,而搜尋排名也把速度算進去,所以一個重的頁面讓你虧兩次——來的人更少,留下的也更少。電商頁面上最常見的元兇是圖片:一張沒最佳化的主圖、一疊原圖解析度的畫廊照片、再加一張長詳情圖,能悄悄給一個本該很輕的頁面塞進好幾兆。問題在於,"我這頁感覺慢"只是個直覺,而直覺修不了。你需要數字,而且要把數字指向賣家真正能改的東西。
Google 的 PageSpeed Insights 跑的是 Lighthouse,能給你這些數字,它成為行業參照是有道理的。但它的原始報告是給網頁開發者看的——它把渲染阻塞指令碼、主執行緒耗時和圖片問題混在一起列出來,也不會圍繞一個 listing 真正在意的東西來組織。GTmetrix 在類似資料上套了個更好看的儀表盤,但同樣是通用型的。賣家想要的是同一個可信引擎,再加一層電商視角:我的圖片到底多重、這個頁面能不能過那份真正影響轉化的清單?
這個頁面檢測工具呼叫 Google 的 PageSpeed Insights API——同一個 Lighthouse 引擎——並把結果按賣家的優先順序擺在前面:效能得分、一份圖片體積報告(顯示頁面裡圖片佔了多少、哪幾張該壓縮),以及一份覆蓋 listing 常見疏漏的電商清單。它是在一個你可以信任的來源之上加了一層聚焦的視角,而不是自己發明一套評分。有一點要說清楚:這個工具需要聯網。 它要查詢 Google 的伺服器來跑檢測,所以和這裡其他工具不同,它無法離線用——這是它工作方式裡誠實且無法迴避的一部分。
它的不同之處
- Google 的引擎,賣家的視角。 分數來自 PageSpeed Insights / Lighthouse——那個標準參照——只是圍繞線上賣家能動手的東西重新組織了一遍。
- 圖片體積報告。 看清頁面裡有多少兆是圖片、具體哪幾張是大頭,你就明確知道該把什麼丟進壓縮或改尺寸工具。
- 電商清單。 在原始指標之上,疊一份針對商品頁常見疏漏的實用檢查。
- 來源可信,不是黑盒。 它報告的是 Google 的數字,而不是一套你無從核實的自造評分。
- 免費、免註冊。 可選填 API key,跑很多次檢測時能避開共享的公共配額。
- 誠實的限制:需要聯網。 它呼叫 Google 的 API,所以不能像純瀏覽器工具那樣離線執行。
IMG.DIY 與其他頁面工具對比
| IMG.DIY 頁面檢測 | PageSpeed Insights(原始) | GTmetrix | |
|---|---|---|---|
| 底層引擎 | Google Lighthouse(PSI API) | Google Lighthouse | 基於 Lighthouse |
| 電商清單 | 有 | 無 | 無 |
| 圖片體積聚焦 | 有,賣家視角 | 有但被埋沒 | 有 |
| 視角 | 賣家優先順序 | 面向開發者 | 通用網頁效能 |
| 價格 | 免費 | 免費 | 免費檔 + 付費 |
| 註冊 | 無(可選 API key) | 無 | 存歷史需註冊 |
| 是否需聯網 | 需要——必需 | 需要 | 需要 |
平心而論,如果你看得懂開發者報告,原始的 PageSpeed Insights 什麼都給你,而且權威——這個工具就坐在同一個引擎上。GTmetrix 提供歷史追蹤和精緻的儀表盤,對持續監控確實有用。而這個工具補上的是電商視角:它拿 Google 可信的測量結果,指向圖片體積和一份賣家清單,讓輸出讀起來是"你的 listing 該修這些",而不是"這裡是一牆網頁效能指標"。只是記住它需要聯網——它是這裡唯一一個按設計就無法離線的工具。
為什麼選 IMG.DIY
真 Lighthouse
Google 官方審計引擎，不是仿製品。
圖片專項
明確告訴你圖片浪費了多少 KB、怎麼修。
電商清單
CTA、信任、移動端、結構化資料等機器打不了分的項。
無需金鑰
從你的瀏覽器直連 Google 公開 API。