當舖網站速度慢怎麼查?圖片、外掛與 PageSpeed 檢查重點
當舖網站速度慢,問題常在圖片、外掛與第三方程式。本文示範如何閱讀 PageSpeed Insights 的 LCP、TBT、CLS 報告,並使用免費 Squoosh 工具調整尺寸、轉成 WebP、比較壓縮前後品質。
當舖網站開得慢,客人通常不會耐心等完整頁面載入。搜尋者可能正在比較附近店家、查看可借項目,或準備按下電話與 LINE;首頁主圖、地圖、聊天工具或追蹤程式只要卡住幾秒,聯絡入口就可能還沒出現,客人已經回到搜尋結果。
網站速度需要從實際頁面逐一診斷。首頁、汽車借款頁、地區頁與文章內頁載入的圖片、外掛和第三方服務不同,只測首頁容易漏掉位於其他頁面的載入瓶頸。這篇整理當舖網站常見的速度問題,並說明如何利用 PageSpeed Insights 找出圖片、外掛、主機與外部程式造成的瓶頸。
當舖網站速度要看哪些數據?
Google PageSpeed Insights 會同時呈現實際使用者資料與實驗室測試結果。實際使用者資料反映過去一段時間的瀏覽情況,樣本不足的新網站可能看不到;實驗室資料則是當下以模擬環境測得,適合找出可立即處理的問題。兩者用途不同,檢查時應分開閱讀。
| 指標 | 代表的使用感受 | 當舖網站常見問題 |
|---|---|---|
| LCP | 主要內容多久顯示 | 首頁大圖太重、伺服器回應慢、主視覺從第三方載入 |
| INP | 點擊後多久有反應 | 聊天工具、追蹤碼或過多 JavaScript 阻塞電話與 LINE 按鈕 |
| CLS | 版面是否突然位移 | 圖片未設定寬高、字型延遲、浮動聯絡按鈕載入後推動內容 |
依 Google 公開的 Core Web Vitals 標準,LCP 在 2.5 秒內、INP 在 200 毫秒內、CLS 不高於 0.1,屬於良好範圍。這些數字可以協助定位問題,但分數高低仍要配合實際聯絡流程判讀。若電話按鈕在手機上被延遲載入或被其他元素遮住,即使整體分數不差,仍會直接影響詢問。
PageSpeed Insights 報告怎麼看?
開啟 PageSpeed Insights,貼上要檢查的正式網址並執行分析,報告會分成行動裝置與電腦兩個版本。當舖網站的來客多半會用手機找店、看借款項目與點擊聯絡,因此手機版適合排在檢查清單前面,電腦版仍要保留,方便確認問題是否只發生在特定裝置。

報告上方的「實際使用者體驗」來自過去一段時間的 Chrome 使用者資料,流量或樣本不足時可能顯示沒有資料,這不代表網站沒有速度問題。下方的「診斷效能問題」是 Lighthouse 在模擬裝置與網路條件下執行的單次測試,適合定位圖片、程式與伺服器造成的等待。兩區數據應分開記錄,避免把單次實驗室分數當成長期表現。
| 報告區塊 | 閱讀方式 | 可採取的動作 |
|---|---|---|
| 實際使用者體驗 | 觀察 LCP、INP、CLS 是否通過,並留意資料涵蓋期間 | 確認真實使用者在載入、互動與版面穩定度上的問題 |
| 效能分數 | 作為同一網址、同一裝置條件下的比較依據 | 修正前後各測兩至三次,查看整體方向是否改善 |
| 指標數值 | 閱讀 FCP、LCP、TBT、CLS 與 Speed Index | 判斷等待發生在首屏顯示、主內容、程式執行或版面位移 |
| 最佳化建議 | 展開「圖片傳送最佳化」與阻塞資源等項目 | 依預估節省量與聯絡流程的重要性安排處理順序 |
報告中的五個數字各代表什麼?

- FCP:頁面第一次顯示文字或圖片所需時間,數字偏高時可檢查伺服器回應、字型與阻塞資源。
- LCP:首屏主要內容完成顯示的時間,當舖首頁的大型主視覺或落地頁橫幅經常影響這項指標。
- TBT:實驗室環境中主執行緒被長工作阻塞的總時間,第三方聊天工具、追蹤碼與過多 JavaScript 都可能讓數字升高。
- CLS:載入期間的版面位移程度,圖片未設定尺寸、字型切換與浮動按鈕常是來源。
- Speed Index:畫面內容逐步填滿的速度,可配合報告中的載入畫面縮圖,查看使用者等待時看到了什麼。
INP 是 Core Web Vitals 的互動指標,通常出現在實際使用者資料;實驗室報告則以 TBT 協助診斷程式阻塞。網站流量不足而看不到 INP 時,可參考 TBT 與瀏覽器開發工具,但仍要親自在手機上測試電話、LINE、表單和選單的反應。
用 PSI 檢查一個頁面的操作順序
- 貼上完整正式網址,確認沒有使用預覽網址、後台網址或帶有測試參數的網址。
- 分別閱讀行動裝置與電腦報告,記下測試日期、實際使用者資料是否充足,以及主要指標數值。
- 展開「最佳化圖片傳送」、阻塞轉譯要求、未使用的 JavaScript 與 CSS 等建議,找出影響最大的資源。
- 把問題對回實際頁面,確認主圖、電話、LINE、表單或地圖是否因此延後出現或無法操作。
- 完成一項調整後,以相同網址與裝置重測兩至三次,保留前後數據再進行下一項修改。
測試要涵蓋客人會走過的頁面
當舖網站常把流量導向不同入口,建議至少檢查首頁、主要借款項目頁、重要地區頁與一篇流量較高的文章。若有投放 Google Ads,廣告落地頁也要獨立測試,因為它可能使用不同表單、追蹤碼或聯絡模組。
每個頁面都應保留手機版與電腦版結果,記錄測試日期、LCP、INP、CLS,以及報告中列出的主要問題。測試環境會受到網路與伺服器當下負載影響,同一頁可在不同時段測兩至三次,避免因單次波動做出錯誤判斷。
手機首頁、廣告落地頁與借款項目頁通常比一般文章更接近詢問,修正時可優先處理這些頁面的主圖、電話、LINE、表單與地圖。
圖片過大是最常見的載入瓶頸
許多當舖網站會在首頁放店面照、汽車或黃金借款情境圖,原始照片可能有數千像素,實際顯示寬度卻只有一千多像素。瀏覽器仍要下載完整檔案,手機網路下的等待時間會更明顯。
主視覺圖片可依實際顯示尺寸輸出,並使用 WebP 或 AVIF 等較有效率的格式。圖片的 HTML 應標示寬度與高度,減少載入後造成的版面位移。首屏主要圖片通常不適合延遲載入,頁面下方的店面環境照、文章配圖與圖庫則可採用 lazy loading。
壓縮圖片時仍要保留可辨識的店面招牌、許可資訊或操作文字。檔案變小若導致手機上看不清楚,使用者體驗同樣會下降。較穩妥的方式是針對不同螢幕提供適合尺寸,並在上傳前完成裁切與壓縮。
用免費 Squoosh 壓縮網站圖片
Squoosh 是可直接在瀏覽器使用的免費圖片工具,官方說明指出圖片會在本機裝置處理,不必把檔案交給遠端伺服器。店面照、借款情境圖與文章配圖可在上傳 WordPress 前完成縮圖、轉檔和品質比較,原始檔則保留在本機備份。
- 開啟 Squoosh,將圖片拖入頁面或從裝置選取檔案,畫面左右兩側會顯示原圖與壓縮後預覽。
- 開啟 Resize,依網站實際顯示寬度輸入尺寸並維持原始比例。首頁橫幅常見寬度約 1200 至 1600 像素,文章內圖片約 1000 至 1200 像素,實際仍要依佈景主題容器與高解析度需求調整。
- 一般照片可選 WebP,品質從 70 至 80 開始比較;含透明背景的 Logo、線條圖或文字截圖要留意透明度與邊緣清晰度,必要時可保留 PNG 或提高 WebP 品質。
- 拖動中間比較線並放大招牌、文字與物品邊緣,同時查看右下角的輸出大小與縮減比例,確定手機閱讀仍清楚。
- 下載處理後的檔案,以內容命名並上傳媒體庫,補上替代文字與圖說。若要取代網站現有圖片,應保留原檔與備份,並確認快取清除後前台顯示正常。

| 圖片類型 | 可考慮的格式 | 檢查重點 |
|---|---|---|
| 店面照、汽車、黃金等照片 | WebP | 觀察人物膚色、招牌文字與物品邊緣是否失真 |
| 透明背景 Logo 或簡單圖示 | WebP lossless 或 PNG | 確認透明背景、細線與品牌色沒有破邊 |
| 後台教學與文字截圖 | 較高品質 WebP 或 PNG | 手機放大後仍能閱讀按鈕、欄位與數字 |
壓縮率適合用來比較檔案變化,畫面是否清楚仍是採用與否的判斷依據。若店名、利率說明、證件欄位或操作按鈕已經模糊,即使檔案縮小很多也不適合上線。
外掛造成的速度問題常來自功能重疊
WordPress 外掛會以不同方式載入程式、查詢資料庫或呼叫第三方服務,單看安裝數量無法判斷速度。更常見的問題是兩套快取、兩套圖片壓縮、數個表單或追蹤工具同時處理相同工作,造成重複載入與設定衝突。
檢查外掛時可把功能分成快取、圖片、SEO、表單、聊天、地圖、分析與安全等類別,確認每一類是否有重複工具。停用測試應在備份完成後進行,營運中的網站最好使用測試環境;一次調整一個項目並重新測量,才能看出變化來自哪裡。
| 現象 | 可能來源 | 檢查方式 |
|---|---|---|
| 整站第一個畫面很久才出現 | 主機回應、快取未生效、首頁主圖 | 比較不同頁面的 TTFB 與 LCP,檢查快取命中與圖片大小 |
| 按 LINE 或電話後延遲 | JavaScript 工作過重、聊天與追蹤工具衝突 | 查看 INP 與長工作項目,逐項測試第三方程式 |
| 頁面載入時文字與按鈕跳動 | 圖片尺寸、字型、浮動元件 | 查看 CLS,補上尺寸並固定浮動區塊空間 |
| 只有個別借款頁特別慢 | 該頁圖片、表單、地圖或影片 | 比較同版型頁面資源,找出多出的請求 |
地圖、影片與聊天工具可延後載入
Google 地圖、YouTube、LINE 外掛與即時聊天工具都可能增加外部請求。這些功能有實際用途,處理重點是讓它們在需要時載入。例如地圖可改為靜態預覽圖,使用者點擊後再開啟互動地圖;影片可以顯示封面與播放按鈕,點擊後才載入播放器。
電話與 LINE 連結本身應保留為可直接操作的標準連結,即使其他腳本載入失敗,客人仍能聯絡店家。浮動按鈕也要在手機上檢查位置,避免擋住內容、Cookie 提示或表單送出鍵。
主機、快取與資料庫需要一起判斷
圖片與外掛調整後,伺服器回應仍然偏慢,問題可能來自主機資源、PHP 版本、資料庫累積或快取設定。尖峰時段才發生的延遲,也可能與同一主機上的流量或排程工作有關。
網站可啟用頁面快取與瀏覽器快取,靜態資源較多時再評估 CDN。資料庫清理、PHP 更新與伺服器設定涉及相容性,執行前應完成完整備份,並確認能安全回復。若管理後台也經常逾時,或錯誤紀錄持續出現 PHP、資料庫與記憶體問題,適合交由主機商或工程人員處理。
速度改善要回到詢問與到店成效
PageSpeed 分數可以協助找到技術問題,最終仍要觀察客人的實際行為。修正前後可比較手機跳出情況、電話點擊、LINE 點擊、表單完成率與有效詢問數;若廣告流量導向特定頁面,也應比較相同投放條件下的轉換表現。
網站速度與頁面內容要一起檢查。載入很快但店名、地址、營業時間、借款項目與聯絡方式不完整,仍會讓客人離開;資訊齊全但手機載入過慢,同樣會流失詢問。可搭配當舖網站詢問檢查與首頁資訊規劃,把技術速度和聯絡流程放在同一次檢查中。
交付工程人員前可準備哪些資料
請工程人員改善速度時,提供明確頁面與測試結果,比只說「網站很慢」更容易估工。建議整理需要處理的網址、手機與電腦報告、問題發生時間、近期新增外掛或追蹤碼,以及最重要的聯絡轉換。
- 列出首頁、借款項目頁、地區頁與廣告落地頁的正式網址。
- 保存 PageSpeed Insights 報告日期及主要警示。
- 標記不能受影響的電話、LINE、表單與轉換追蹤。
- 確認網站備份、測試環境與回復方式。
- 每次修改後使用相同頁面與條件重新測量。
如果網站仍在規劃階段,PawnTW 的店家合作方案會把店家資訊、借款項目與聯絡入口放在既有平台架構中,店家可了解刊登方式,並評估自建網站、廣告落地頁與內容經營的投入順序。
參考資料
想讓找當舖的客人看見你的店?
看看 PawnTW 的實際找店位置與刊登方式,再決定是否適合你的店。