使用WordPress架站一段時間後，我發現自己在瀏覽網站時，網頁讀取的速度越來越慢，平均開啟一個網頁的時間都要3~5秒以上，連我自己都忍不住想要關掉這個網頁，更別說其他來觀看瀏覽的網友了，這讓我開始思考有甚麼辦法可以加快網頁讀取的速度。
上網找了許多資料，也試過各種可以幫助提升網站速度的方式，例如：採用CDN、減少使用的外掛數量、壓縮上傳的圖片檔案等。但我覺得最顯著提升網站速度的方式，就是使用「緩存快取外掛(Cache Plugins)」。
目錄
何謂緩存快取外掛？
我的理解是，能夠將訪客第一次訪問網站時的頁面保存起來，變成一個「緩存頁面」，當訪客再一次回到這個網站頁面時，就不需要再重新讀取網站伺服器上的圖片與檔案資料，而能夠直接將緩存頁面從記憶體中「快取出來」給訪客看到。
如此一來，便能有效減少網頁讀取時間，提升WordPress網站整體的速度。
最推薦的免費快取外掛－WP Fastest Cache
架站初期，我也沒有太多預算，所以沒打算使用需要付費的WP Rocket快取外掛，即使許多網站都很推薦這款外掛。
測試了幾款免費版快取外掛後，我認為WP Fastest Cache是目前設置上最簡單易用且網頁提速相當顯著的一款好用外掛，相較於其他的緩存快取外掛，WP Fastest Cache提供的免費版功能就已經很夠用了。
使用之前
在啟用WP Fastest Cache的緩存快取功能之前，先就本站首頁的讀取速度做一個前測，可見伺服器光是回應網頁本身的時間就要3.25秒，再加上其他需要讀取的檔案資源，總加載時間就要5.55秒，看了就很頭痛XD
接下來，我要開始測試看看WP Fastest Cache的緩存快取功能是否對網站加速有所幫助。
使用之後
在啟用WP Fastest Cache的緩存快取功能之後，伺服器回應網頁的時間顯著減少，從3.25秒減少至0.285秒，再加上其他需要讀取的資源，總加載時間從5.55秒減少至1.24秒，是不是快了許多？
接下來，我會將WP Fastest Cache外掛的功能與設置方式記錄在下方，如果你也正好有這個需要，就可以參考以下的設置方式。
WP Fastest Cache免費版功能
1. 最基本的快取功能─瀏覽器快取：能夠降低回訪訪客的頁面載入時間
2. 預先加載緩存的功能：在後台自動為網站的所有頁面建立緩存，這樣就連第一次到訪的訪客都不需要讀取頁面，而能夠直接看到快取後的網頁，我覺得這個功能超棒der~
3. 發佈或更新任何文章(頁面)後，便自動清除快取的緩存頁面：好處是訪客才不會看不到你發佈的新文章，或是看到未更新的頁面。
4. HTML、CSS壓縮：HTML就是網站的素顏，而CSS就是網站的化妝品，兩者都是組成網站很重要的標記語言，能夠將網頁結構化，變成你想看到的視覺呈現方式。透過壓縮這兩者，便能夠減少頁面檔案的大小，加快網頁讀取的速度。
5. CSS、JavaScript合併：如果說CSS是網站的靜態化妝品，那麼JavaScript就是網站的動態化妝品，能夠帶給網站訪客更好的互動體驗。而這個功能能夠將CSS或JS合併為一個檔案，便可以減少需要載入的CSS或JS檔案次數。善用這項功能可以優化網站速度，但也可能導致網站的版面或功能出現問題，因此建議斟酌使用。
6. Gzip功能：可以減少從網站伺服器傳送檔案的大小，而傳輸的資料量檔案變小的話，就能夠加快傳輸的速度。
WP Fastest Cache推薦設置
Step 1. 安裝並啟用 WP Fastest Cache 外掛
首先，將WP Fastest Cache外掛下載並解壓縮後，再上傳到wp-content / plugins的目錄下，然後進到WordPress後台將外掛啟用，或是直接在WordPress後台安裝WP Fastest Cache外掛並直接啟用。
Step 2. 進入 WP Fastest Cache 外掛的設定頁面
在WordPress後台→外掛→已安裝的外掛中，找到啟用的WP Fastest Cache外掛，並點選「設定」，進入到外掛功能的設定頁面。
Step 3. 逐一設定需要啟用的功能
接著依照上方圖片的設定，將選項逐一勾選起來，並將外掛的語系設定為正體中文。
*「預先載入」的功能設置：其中有一個「處理頁數/分鐘」的設置，這是要設置外掛在背景運作時，就可事先為未被訪客瀏覽的頁面建立好緩存頁面，這樣即使第一個訪客來到網站觀看，也能享有快取功能帶來的網站加速效益，是一個很不錯的功能。但建議保留預設的「每分鐘處理4個頁面」即可，因為設置的處理頁數太多的話，也容易造成伺服器處理上的負擔，反而拖累訪客到訪時的網站運作速度喔！
*「在行動裝置上不啟用已快取的桌面版內容」的功能設置：如果啟用此一功能，那麼廣大使用行動裝置如手機、平板的訪客，自然就享受不到快取功能帶來的網站加速效益。本來有開啟這個功能的我，百思不得其解為何電腦版的網頁速度加快了，但行動版的網頁卻沒有變快，後來發現原來是因為勾選了這個功能所致，便將其關閉了。
*「停用Emoji表情符號」的功能設置：網站如果有使用Emoji表情符號的話，啟用「停用Emoji表情符號」的功能，就會讓Emoji表情符號打回原形。因為，內嵌的外觀相關標記語法被移除了，自然無法顯現好看的Emoji表情符號，這邊大家可以斟酌使用。
Step 4. 儲存設置
設置完成後，記得點選下方的「送出」，才能確實儲存設置。
結語
最後，在設置完緩存快取外掛的功能後，我們就來測試一下網站載入的速度是否有變快吧！在網站按右鍵點選「檢查」，會跳出視窗如上圖的視窗，在視窗上方的選項點選「Network」，就可以看到自己的網站中每個檔案所需載入的時間囉！
若是在閱讀過程中有任何疑問或是發現勘誤，歡迎於下方留言討論或是與我聯繫，我一定都會看到並回應各位的~如果你喜歡我的分享，也歡迎在底下留言，讓我知道我有幫助到你們~
如果你喜歡我的手札內容，也對你有所幫助的話，歡迎幫我拍掌(點讚) 5下，支持Yang繼續創作分享喔😊