此为历史版本和 IPFS 入口查阅区,回到作品页
伊森實務筆記
IPFS 指纹 这是什么

作品指纹

網站速度慢怎麼查?圖片、外掛與第三方程式檢查

伊森實務筆記
·
·
網站速度變慢時,從圖片尺寸、重複外掛、第三方程式與 PageSpeed Insights 報告逐項排查。

網站速度變慢時,問題常不在主機本身,而在圖片尺寸、重複外掛與第三方程式。首頁、服務頁與文章頁載入的資源不同,只看單一頁面或一個總分,很容易漏掉真正影響訪客聯絡的環節。

PageSpeed Insights 可分別查看手機與電腦報告。分數會隨時間、網站內容與伺服器狀況變動。圖片來源:PawnTW。

外掛與第三方程式,先確認有沒有重複功能

外掛數量不能直接代表速度。兩套快取、兩套圖片壓縮,或多個表單與追蹤工具同時處理相似工作,才是常見衝突來源。可把外掛分成快取、圖片、SEO、表單、聊天、地圖、分析與安全幾類,再確認每一類是否重複。停用測試前應先備份,最好在測試環境一次調整一項。

Google 地圖、YouTube 播放器與聊天工具會增加外部請求,可改成點擊後才載入。電話與 LINE 連結應保留為標準連結,避免其他腳本失敗時連聯絡入口也一起失效。

圖片過大,是最容易著手的問題

原始照片常有數千像素,但網站版面只顯示一千多像素,手機仍得下載完整檔案。處理時應依顯示尺寸裁切,再比較 WebP、AVIF 或 PNG。壓縮後要放大看文字、Logo 與物品邊緣,不能只看檔案縮小比例。

首屏主圖通常需要優先載入;頁面下方的配圖才適合 lazy loading。圖片的 HTML 也要標示寬度與高度,減少載入時的版面位移。

PageSpeed 報告要分開讀

實際使用者資料反映一段期間內 Chrome 使用者的瀏覽狀況,流量不足時可能沒有資料;實驗室測試是在模擬環境中執行,適合找出當下的圖片、JavaScript 與伺服器問題。檢查時應同時測首頁、主要服務頁、重要地區頁與廣告落地頁,並記錄測試日期、裝置與網址。

修改後,用相同條件重測

每次只處理一個問題,再用相同網址與裝置測兩到三次,才能判斷改善來自哪項調整。除了分數,也要親自用手機檢查選單、電話、LINE 與表單,確認訪客能順利完成聯絡。

需要跟著畫面操作時,可參考 PawnTW 的當舖網站速度與 PageSpeed 檢查完整教學,內容整理了指標判讀、Squoosh 圖片壓縮與外掛排查流程,一般 WordPress 網站也能套用這套檢查順序。

CC BY-NC-ND 4.0 授权