如果你對於網站效能保有著一顆無法滿足的心,那大概會跟我一樣,老是在玩優化遊戲…
自從將網站搬到台灣主機後,基本上不太需要為網站做些什麼,速度就已經很快了。但是我卻還不滿足,非得要讓反應時間快、還要再快,流量消耗小、還要更小。那就完蛋啦!光搞這些就不用寫文章了。
一般來說,我會用拿來加速網站的方法有:
- 簡單暴力:使用 CDN 服務
- 架站必備:安裝快取外掛
- 有夠麻煩:手動調整程式碼
- 馬上介紹:安裝 PWA 外掛
基本上快取外掛是一定會裝的,畢竟裝與不裝的效能分數就是天差地遠。而 CDN 則是看情況,像我現在的是台灣主機,絕大多數的流量來源也都是台灣人,所以除了圖片要上 CDN 省流量之外,不會讓它做全站快取。
調程式碼就不用說了,有必要才要做,但一般 正常 經營網站的使用者不用去玩到這塊,只要控制好外掛的品質就可以。最後一個就是這篇文章要講的 — PWA 外掛。
一般 PWA 其實是要作為網頁 APP 使用,簡單來說就是讓網頁看起來像是手機或電腦的原生應用程式,可以省下要同時部署到不同平台上的成本開銷。而因為 PWA 有離線瀏覽的特性,如果把它放到我們網站當中,可以快取住絕大多數的網頁內容,且不會每次瀏覽都下載一整個 HTML 網頁。(會變成傳輸幾 B 的資料去確認說網頁有沒有更新,速度會快非常多。)
那要安裝哪個外掛呢?我選用的是有受 Google 官方支援的:
我認為這個外掛應該會很適合大多數人,原因是它為開箱即用,你不用調整一堆有的沒的設定,啟用後清快取就會生效。
安裝流程
一、前往你的 WordPress 控制台,切換到 外掛 ⇢ 安裝外掛,搜尋 PWA 並安裝啟用。

二、操作你使用的 WordPress 快取外掛,將快取全部清除後 PWA 就可以用了。

趕快來試試看你的網站能不能用這個東西吧!這個是目前網站加速裡面很懶人且方便的方法。