網站速度優化怎麼做？12個提升載入速度的實用方法
（瀏覽：6889  更新日期： 2026-11-05）

 主機位置

主機位置就是一拍二瞪眼的事情，物理環境就是遠的話，網站下載速度就是慢。若在台灣的話，請盡量選擇亞洲主機，例如GCP、 AWS、 Siteground、 Linode都有提供亞洲的主機位置。 覺的速度慢，先把主機遷移到亞洲，若預算許可，就可選擇GCP，位於台灣彰化的主機，下載速度超快無人能比（一般亞洲主機的速度就可接受了）。 同理，若你的目標族群位於歐美就請選擇歐美的主機位置。有需要網站搬家與主機遷移到亞洲的，也可以跟貴設計聯絡。

想進一步了解網站架設流程與自架、委外比較，可先看相關說明；整體的貴設計網頁設計服務與案例也可一併參考。

 減少HTTP Requests次數

減少HTTP Requests次數的概念，會比較難懂。一般瀏覽網站時，網站一開始就會下載全部的圖片、js檔、css檔(JS、CSS是什麼)，甚至從資料庫取得要呈現的資料。 在每一次的"下載"，都是一個瀏覽器伸手向主機端"索取"的概念。例如向主機端索取1張圖片、1個css檔，就要伸手2次。 若一個瀏覽器的網頁畫面有50張圖片，3個CSS檔，就要伸手53次。 這個2次、53次就是所謂的HTTP Requests的次數。一個畫面索取的資源愈少，畫面被下載、呈現的速度就愈來愈快。所以減少前端向伺服器索取資源的次數，就是所謂的 減少HTTP Requests次數。這個被證實也是提高速度很快的方式。

減少HTTP Requests次數的方法

1. 合併多個css為一個，但容易發生錯誤，需小心處理
2. 合併多個js為一個，但容易發生錯誤，需小心處理
3. 調整網頁排版，以減少html元素
4. 移除多餘的css、js

 壓縮網頁程式碼

繼"減少HTTP Requests次數"的說明，繼續往下承接這個概念，上述提到瀏覽器伸手向主機端索取資源，以達到完整呈現網頁畫面。 若這份資源是又大又重，想當然在傳回到瀏覽器端的過程中是會佔據更冗長的時間下載。為減低傳送時間，可以把html、css、js檔都壓縮。 壓縮工具可以直接在Google搜尋html minifier程式碼壓縮工具。

 移除未使用的CSS、JS、HTML

同上述的概念，把檔案的大小盡量縮小就會讓瀏覽器端伸手在主機索取的速度更快。所以移除無所謂的資源檔，一方面減少HTTP Request次數，二方面減少檔案大小 。 減少HTTP Requests次數的方法

1. 移除未使用的css檔，可參考PurifyCSS線上CSS清理工具
2. 移除未使用的js檔，目前未找到工具可使用，只能自行檢查
3. 調整網頁排版，以減少html元素

 精簡圖檔大小

圖片檔也是資源的一種，同樣都是要瀏覽器伸手向主機索取(即送出Http Request)，所以同樣的盡量精簡網頁的圖片至200K以下，若圖片呈現在的位置更小塊應當讓檔案更小、更精簡才對。 若您的行業是磁磚、攝影師、新秘，類似那種需要以高清圖檔呈現作品集的大概抓到400K為主即可。精簡圖檔有二種方式，一種是減少像素值圖檔大小不變，一種是整個圖檔長寬都縮小。 可使用的平台如TinyPNG圖片壓縮工具、 iLoveIMG線上圖片編輯工具。

 減少HTML元素

在Google page insights其中有一項就會計算，網頁一整個共有多少的HTML標籤，請保持你的網頁所有的HTML標籤在1500個以下。若可以的話，是愈少愈好。要如何減少HTML元素呢? 除了改變網頁排版、減少畫面呈現的資訊就別無他法了。

 延遲載入 (Lazyloading)

何謂延遲載入呢?就是"等需要再拿"的意思。在HTTP Requests中提到，網頁在"一開始載入的時後會全部向主機端索取資源檔"。有看到重點了嗎? "一開始"、"全部"。

但通常訪客一進入網頁的時後，只會看到網站最上方的第一個畫面，此時只需給訪客看到第一個畫面所需的圖片、資源檔。 所以尚未用到的圖檔、js、CSS 則可以等訪客將網頁畫面下拉到 下方，再將相對的呈現圖檔、資源檔即可。所以延遲載入就是這個概念，讓不是在第一個畫面所需的圖檔、影片檔無需載入，直到網頁拉到第二、第三個畫面才能載入。 您可以直接在Google搜尋WordPress Lazy Load延遲載入外掛直接安裝再開啟即可。

 善用CDN服務

最著名的CDN服務非Cloudflare莫屬了，但CDN是一個什麼樣子的概念呢? 其實就是說你的主機在台灣，但美國的訪客要瀏覽您的網站速度就會很慢(物理環境遠)， 所以CDN的服務就將您的資源檔先儲存在它他們在美國的主機上，美國的訪客瀏覽你的網站便先從CDN服務抓取資源檔，便不是從台灣抓取的。如此便大大的節省時間。 但這個以台灣來說幫助不大，因為Cloudflare沒有台灣的免費節點。

 伺服器端程式演算法

伺服器端的程式演算法優化，一般不是IT咖這個就甭提了，所以可以直接跳過。若您有興趣的話，不妨可以從這幾個角度優化。

1. 減少資料庫存取次數
2. 資料的邏輯運算，改成在儲存時or背景程式計算，而不是取出時運算。EX:假設要取得A員工的薪水，而不是在送出Http Request計算，而是有一個背景程式已經算好了。
3. 優化程式邏輯，例如減少迴圈、使用更好的字串相加方式。
4. 常用且不易異動的資訊，改放以全域變數，例如JSP中的Application，而在伺服器一啟動就預備好。

 資料庫表單欄位結構

資料庫欄位的優化

1. 網頁畫面上所需要的欄位，全都放在另一個表單(部份情境下適用)
2. 表單的欄位，也適用"延遲載入"
3. 抓取欄位資料，只抓取所需的資料，而不是抓取整個物件資料。
4. 移除表單內無用的欄位
5. 針對字串欄位的長度給予適當的長度欄位。例如電話的長度就只有10來碼，就只需給至多20個字元的長度。

 網站速度測試怎麼做？PageSpeed Insights、Pingdom 與 WebPageTest

網站速度測試應固定測試網址、裝置類型與測試條件，並在不同時間重複執行。單次測試結果可能受到主機負載、瀏覽器快取、網路品質及第三方服務影響，因此不建議只依一次分數判斷網站效能。

Google PageSpeed Insights 怎麼測試網站速度？

Google PageSpeed Insights 是常用的網頁效能檢測工具。輸入完整網址後，可以分別查看行動裝置與桌機的效能結果、效能分數及改善建議。若頁面有足夠的 Chrome 使用者資料，也可能顯示真實使用者體驗資料；沒有足夠資料時，則以實驗室測試結果作為診斷參考。 測試時應先確認是否為正式網址，再依報告檢查圖片大小、資源載入、JavaScript 執行與伺服器回應等問題。

PageSpeed Insights 的分數是診斷工具，不是搜尋排名保證。建議優先處理報告中影響使用者體驗的項目，而不是為了提高分數而刪除必要功能。若需要更完整的操作說明，可以參考PageSpeed Insights分數判讀與6步驟網站速度優化指南。

網站速度測試應該看哪些效能指標？

除了整體效能分數，也應觀察 Core Web Vitals。LCP 用來評估主要內容的載入速度，INP 用來觀察使用者互動的回應情形，CLS 則反映頁面版面是否穩定。這些指標能協助判斷網站問題究竟出在載入、互動還是畫面配置，不應只看單一分數。

除了 Google PageSpeed Insights，也可以使用 Pingdom網站速度測試工具觀察載入時間與資源請求。WebPageTest 則可用來進一步分析網頁載入過程與資源瀑布圖。不同工具的測試環境與計算方式不完全相同，應以同一網址、相近條件進行比較。

那我們要如何知道網站的下載速度呢? 網站速度測試工具 Google PageSpeed Insights(如下圖)、 Pingdom，這個分數沒有絕對。但就是建議比你的競爭對手高即可 這是某一個網址的下載速度為100分(電腦版)，手機版應該會略低。但不求高，但只求比競爭對手好。
若要看整個網站的網頁下載速度，請先登入GA -> 行為 -> 網站速度 -> 速度建議。 你就會看見以下的圖，下圖最右邊的紅色區塊，就是每一頁的分數。 要優化網站整體速度的前提，必需先個別攻擊找出速度最慢的那一頁(看上圖分數最低)再優化。

 Preload

使用preload將css、js、圖片做預先下載。這個使用後還滿有感的。Preload 適合用在瀏覽器較晚才發現、但首屏顯示確實需要的重要資源；不應把所有圖片、CSS 與 JavaScript 都設定為預先載入，否則可能增加初始下載競爭，反而影響其他資源的載入。

 Wordpress網站下載速度優化

Wordpress網站下載速度優化，說很簡單也很簡單，說很難也很難，怎麼說呢? Wordpress只要安裝一個"延遲載入"的外掛立馬就好了，相當的簡單，無需寫任何的程式。但要到更高階的網站下載速度優化其實是相當有難度的， 你不只要懂PHP語言、還要懂Wordpress官方架構的定義。所以以Wordpress來說網站下載速度優化有限，能夠優化的部份我列在如下。

1. 主機位置
2. 壓縮網頁程式碼
3. 精簡圖片大小
4. Lazyload
5. 善用CDN服務
6. preload

上述幾個是目前Wordpress網站下載速度優化可以著手的部份。其餘都很難。

網站速度優化－啟用瀏覽器快取（Browser Cache）

瀏覽器快取（Browser Cache）是網站速度優化中常見的效能改善方式之一，透過在伺服器設定 Cache-Control 或 Expires 標頭，讓瀏覽器將 CSS、JS、圖片等靜態資源暫存在本機，回訪者不需重新下載，可縮短重複瀏覽時的載入時間。PageSpeed Insights 也可能針對快取政策提出改善建議，實際效果仍須依網站資源與設定判斷。

WordPress 網站可透過 W3 Total Cache 或 WP Super Cache 外掛設定瀏覽器快取，無需直接修改伺服器設定。快取時間應依資源更新頻率調整，例如圖片等較少變動的靜態資源可以設定較長期限，HTML 則可依更新需求採用較短期限，避免內容更新後仍顯示舊版本。

 結論

優化網站下載速度是一個相當值得投資的部份，不只是在SEO的排名會大大提高贏在起跑點之外，對於電商網站、轉換率都會有顯著的提昇。 但不要盲目的追逐分數，分數是相對的，只要比競爭對手高，至少在網站速度這塊你就插旗得分了。接著就可以開始轉往其他部份了。

開始調整前，可先參考PageSpeed Insights分數判讀與優化步驟建立測試基準，再搭配Core Web Vitals核心網頁體驗指標與改善重點區分載入、互動與版面穩定性的問題。網站速度優化應以實際測試結果為依據，逐項處理瓶頸，並在修改後重新測試，確認使用者體驗是否改善。