當舖網站

當舖網站速度慢怎麼查?圖片、外掛與 PageSpeed 檢查重點

當舖網站速度慢,問題常在圖片、外掛與第三方程式。本文示範如何閱讀 PageSpeed Insights 的 LCP、TBT、CLS 報告,並使用免費 Squoosh 工具調整尺寸、轉成 WebP、比較壓縮前後品質。

最後更新:2026 年 10 月 16 日 閱讀時間:約 13 分鐘 作者:PawnTW 內容團隊

當舖網站開得慢,客人通常不會耐心等完整頁面載入。搜尋者可能正在比較附近店家、查看可借項目,或準備按下電話與 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,貼上要檢查的正式網址並執行分析,報告會分成行動裝置與電腦兩個版本。當舖網站的來客多半會用手機找店、看借款項目與點擊聯絡,因此手機版適合排在檢查清單前面,電腦版仍要保留,方便確認問題是否只發生在特定裝置。

PageSpeed Insights 手機版報告總覽,顯示效能、無障礙、最佳做法與 SEO 分數
PageSpeed Insights 手機版報告總覽。截圖以 2026 年 10 月 6 日的 PawnTW 首頁測試為例,分數與介面會隨網站內容、伺服器狀況及工具版本變動。來源:Google PageSpeed Insights。

報告上方的「實際使用者體驗」來自過去一段時間的 Chrome 使用者資料,流量或樣本不足時可能顯示沒有資料,這不代表網站沒有速度問題。下方的「診斷效能問題」是 Lighthouse 在模擬裝置與網路條件下執行的單次測試,適合定位圖片、程式與伺服器造成的等待。兩區數據應分開記錄,避免把單次實驗室分數當成長期表現。

報告區塊 閱讀方式 可採取的動作
實際使用者體驗 觀察 LCP、INP、CLS 是否通過,並留意資料涵蓋期間 確認真實使用者在載入、互動與版面穩定度上的問題
效能分數 作為同一網址、同一裝置條件下的比較依據 修正前後各測兩至三次,查看整體方向是否改善
指標數值 閱讀 FCP、LCP、TBT、CLS 與 Speed Index 判斷等待發生在首屏顯示、主內容、程式執行或版面位移
最佳化建議 展開「圖片傳送最佳化」與阻塞資源等項目 依預估節省量與聯絡流程的重要性安排處理順序

報告中的五個數字各代表什麼?

PageSpeed Insights 實驗室指標畫面,顯示 FCP、LCP、TBT、CLS 與 Speed Index
PSI 的實驗室資料會列出 FCP、LCP、TBT、CLS 與 Speed Index。這張示範報告中,LCP 與 Speed Index 都偏慢,後續可展開圖片傳送與阻塞資源項目找原因。來源:Google PageSpeed Insights。
  • FCP:頁面第一次顯示文字或圖片所需時間,數字偏高時可檢查伺服器回應、字型與阻塞資源。
  • LCP:首屏主要內容完成顯示的時間,當舖首頁的大型主視覺或落地頁橫幅經常影響這項指標。
  • TBT:實驗室環境中主執行緒被長工作阻塞的總時間,第三方聊天工具、追蹤碼與過多 JavaScript 都可能讓數字升高。
  • CLS:載入期間的版面位移程度,圖片未設定尺寸、字型切換與浮動按鈕常是來源。
  • Speed Index:畫面內容逐步填滿的速度,可配合報告中的載入畫面縮圖,查看使用者等待時看到了什麼。

INP 是 Core Web Vitals 的互動指標,通常出現在實際使用者資料;實驗室報告則以 TBT 協助診斷程式阻塞。網站流量不足而看不到 INP 時,可參考 TBT 與瀏覽器開發工具,但仍要親自在手機上測試電話、LINE、表單和選單的反應。

用 PSI 檢查一個頁面的操作順序

  1. 貼上完整正式網址,確認沒有使用預覽網址、後台網址或帶有測試參數的網址。
  2. 分別閱讀行動裝置與電腦報告,記下測試日期、實際使用者資料是否充足,以及主要指標數值。
  3. 展開「最佳化圖片傳送」、阻塞轉譯要求、未使用的 JavaScript 與 CSS 等建議,找出影響最大的資源。
  4. 把問題對回實際頁面,確認主圖、電話、LINE、表單或地圖是否因此延後出現或無法操作。
  5. 完成一項調整後,以相同網址與裝置重測兩至三次,保留前後數據再進行下一項修改。

測試要涵蓋客人會走過的頁面

當舖網站常把流量導向不同入口,建議至少檢查首頁、主要借款項目頁、重要地區頁與一篇流量較高的文章。若有投放 Google Ads,廣告落地頁也要獨立測試,因為它可能使用不同表單、追蹤碼或聯絡模組。

每個頁面都應保留手機版與電腦版結果,記錄測試日期、LCP、INP、CLS,以及報告中列出的主要問題。測試環境會受到網路與伺服器當下負載影響,同一頁可在不同時段測兩至三次,避免因單次波動做出錯誤判斷。

檢查順序以聯絡流程為主

手機首頁、廣告落地頁與借款項目頁通常比一般文章更接近詢問,修正時可優先處理這些頁面的主圖、電話、LINE、表單與地圖。

圖片過大是最常見的載入瓶頸

許多當舖網站會在首頁放店面照、汽車或黃金借款情境圖,原始照片可能有數千像素,實際顯示寬度卻只有一千多像素。瀏覽器仍要下載完整檔案,手機網路下的等待時間會更明顯。

主視覺圖片可依實際顯示尺寸輸出,並使用 WebP 或 AVIF 等較有效率的格式。圖片的 HTML 應標示寬度與高度,減少載入後造成的版面位移。首屏主要圖片通常不適合延遲載入,頁面下方的店面環境照、文章配圖與圖庫則可採用 lazy loading。

壓縮圖片時仍要保留可辨識的店面招牌、許可資訊或操作文字。檔案變小若導致手機上看不清楚,使用者體驗同樣會下降。較穩妥的方式是針對不同螢幕提供適合尺寸,並在上傳前完成裁切與壓縮。

用免費 Squoosh 壓縮網站圖片

Squoosh 是可直接在瀏覽器使用的免費圖片工具,官方說明指出圖片會在本機裝置處理,不必把檔案交給遠端伺服器。店面照、借款情境圖與文章配圖可在上傳 WordPress 前完成縮圖、轉檔和品質比較,原始檔則保留在本機備份。

  1. 開啟 Squoosh,將圖片拖入頁面或從裝置選取檔案,畫面左右兩側會顯示原圖與壓縮後預覽。
  2. 開啟 Resize,依網站實際顯示寬度輸入尺寸並維持原始比例。首頁橫幅常見寬度約 1200 至 1600 像素,文章內圖片約 1000 至 1200 像素,實際仍要依佈景主題容器與高解析度需求調整。
  3. 一般照片可選 WebP,品質從 70 至 80 開始比較;含透明背景的 Logo、線條圖或文字截圖要留意透明度與邊緣清晰度,必要時可保留 PNG 或提高 WebP 品質。
  4. 拖動中間比較線並放大招牌、文字與物品邊緣,同時查看右下角的輸出大小與縮減比例,確定手機閱讀仍清楚。
  5. 下載處理後的檔案,以內容命名並上傳媒體庫,補上替代文字與圖說。若要取代網站現有圖片,應保留原檔與備份,並確認快取清除後前台顯示正常。
Squoosh 圖片壓縮介面,選擇 WebP、品質 75 並比較壓縮前後檔案大小
Squoosh 會即時顯示輸出格式、品質與檔案縮減比例。示範圖使用內建範例圖片,輸出 WebP、品質 75,實際壓縮結果會依照片內容而異。來源:Squoosh。
圖片類型 可考慮的格式 檢查重點
店面照、汽車、黃金等照片 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 的實際找店位置與刊登方式,再決定是否適合你的店。

查看店家合作方式