網站速度怎麼改善 圖片快取與主機
圖片來源：Pexels 免費圖庫
訪客等太久就會離開，這件事在手機上尤其明顯。但「網站很慢」是個模糊的說法——慢在哪一段、是誰的問題，要先量出來才知道。多數情況下，最大的元凶不是主機不夠力，而是圖片沒有處理過。這篇整理幾個常見的瓶頸與改善的優先順序，讓有限的預算花在真正有效的地方。
先量再改
用速度檢測工具跑一次，看的是幾個指標：主要內容多久顯示出來、頁面多久可以互動、以及載入過程中版面有沒有跳動。
檢測要分手機與桌機兩種情境。多數網站的行動版分數明顯較低，而訪客往往正好以手機為主。
圖片通常是最大宗
原始相機檔直接上傳是最常見的錯誤
尺寸要縮到實際顯示的大小
改用較新的圖片格式可大幅減少檔案
啟用延遲載入，先載可視範圍
橫幅大圖要特別控制檔案大小
一張沒處理過的照片可能有好幾MB，等於一整頁其他資源的總和。光是把圖片處理好，很多網站的速度就會明顯改善。
快取與壓縮
瀏覽器快取讓回訪的訪客不必重新下載沒變動的資源。頁面快取則讓伺服器不用每次都重新產生同一個頁面。
文字類資源（HTML、CSS、JavaScript）啟用壓縮傳輸，體積通常可以降低相當多，設定成本也低。
外掛與第三方元件
裝了很多外掛的網站，常常在每一頁都載入用不到的資源。定期盤點、停用不需要的，是免費且有效的改善。
第三方的追蹤碼、聊天視窗、字型與嵌入元件也會拖慢速度。留下真正需要的，其餘移除或改成延後載入。
主機與線路
共享主機在流量尖峰時容易受到同機其他網站影響。若前面幾項都做過仍然慢，才需要考慮升級方案。
訪客主要在台灣的話，主機位置與線路品質也有影響。若有較多海外訪客，可評估使用內容傳遞網路加速。
改善的優先順序
建議順序是：先處理圖片、再開快取與壓縮、接著清理外掛與第三方元件，最後才考慮換主機。
前三項的成本低、效果明顯，而且不需要搬家。多數網站做完這三項，速度問題就解決得差不多了。
常見問題 QA
網站慢要先做什麼？
先用檢測工具量出瓶頸，並分別測試手機與桌機，再決定改善方向。
為什麼圖片影響那麼大？
未處理的原始照片動輒數MB，常等於整頁其他資源的總和。
快取能改善多少？
回訪的訪客不必重新下載未變動資源，頁面快取也能減輕伺服器負擔。
外掛裝多了會變慢嗎？
會，許多外掛在每頁載入用不到的資源，定期盤點停用是免費的改善。
一定要換主機嗎？
不一定，多數情況處理圖片、快取與外掛之後就足夠，換主機建議放最後。
改善的順序是什麼？
圖片、快取與壓縮、清理外掛與第三方元件，最後才考慮主機升級。
先量再改，錢才花在刀口上。網站效能檢視與改善，歡迎與點擊時代網頁設計聯繫。
