WordPress 還不夠快嗎?請試試安裝 PWA,這應該能幫到你...

發表日期:
2020.08.02
/
分類:
如果你對於網站效能保有著一顆無法滿足的心,那大概會跟我一樣,老是在玩優化遊戲… 自從將網站搬到台灣主機後,基本上不太需要為網站做

如果你對於網站效能保有著一顆無法滿足的心,那大概會跟我一樣,老是在玩優化遊戲…

自從將網站搬到台灣主機後,基本上不太需要為網站做些什麼,速度就已經很快了。但是我卻還不滿足,非得要讓反應時間快、還要再快,流量消耗小、還要更小。那就完蛋啦!光搞這些就不用寫文章了。

一般來說,我會用拿來加速網站的方法有:

  1. 簡單暴力:使用 CDN 服務
  2. 架站必備:安裝快取外掛
  3. 有夠麻煩:手動調整程式碼
  4. 馬上介紹:安裝 PWA 外掛

基本上快取外掛是一定會裝的,畢竟裝與不裝的效能分數就是天差地遠。而 CDN 則是看情況,像我現在的是台灣主機,絕大多數的流量來源也都是台灣人,所以除了圖片要上 CDN 省流量之外,不會讓它做全站快取。

調程式碼就不用說了,有必要才要做,但一般 正常 經營網站的使用者不用去玩到這塊,只要控制好外掛的品質就可以。最後一個就是這篇文章要講的 – PWA 外掛

一般 PWA 其實是要作為網頁 APP 使用,簡單來說就是讓網頁看起來像是手機或電腦的原生應用程式,可以省下要同時部署到不同平台上的成本開銷。而因為 PWA 有離線瀏覽的特性,如果把它放到我們網站當中,可以快取住絕大多數的網頁內容,且不會每次瀏覽都下載一整個 HTML 網頁。(會變成傳輸幾 B 的資料去確認說網頁有沒有更新,速度會快非常多。)

▲ 左圖是模擬沒 PWA 環境所傳輸的流量,右邊為載入第二次 PWA 網頁時消耗的流量

那要安裝哪個外掛呢?我選用的是有受 Google 官方支援的:

https://tw.wordpress.org/plugins/pwa/

我認為這個外掛應該會很適合大多數人,原因是它為開箱即用,你不用調整一堆有的沒的設定,啟用後清快取就會生效。

安裝流程

一、前往你的 WordPress 控制台,切換到 外掛 ⇢ 安裝外掛,搜尋 PWA 並安裝啟用。

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

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

comments powered by Disqus