You are currently viewing Plugin Load Filter:除了快取,可以讓 WordPress網站更快速的方法

Plugin Load Filter:除了快取,可以讓 WordPress網站更快速的方法

要讓 WordPress網站載入更快速的方法,除了挑選好的主機和各類 cache快取外掛、使用 CDN等等,Plugin Load Filter外掛是另一個你可以嘗試的方法!

如果你在 WordPress上安裝了不少外掛,那麼即使你已經採用了上面的三個方法,很可能會在「感受上」或是「分數上」覺得網站還是慢吞吞的。這個時候 Plugin Load Filter就可以幫上你的忙。Plugin Load Filter從字面可以知道它叫做「外掛載入篩選工具」,可以讓你依照不同的頁面類型、裝置等,選擇性的載入特定的外掛。

舉例來說,你安裝了一些外掛是使用在側邊欄小工具區塊,如:Advanced Random Posts Widget、Better Recent Comments…等,它們會在每個頁面(即使該頁面沒有這個小工具)都載入一些語法或樣式檔案。不過,既然這個頁面沒有使用為什麼不乾脆不要載入就好了呢,Plugin Load Filter就是幫你做到這一點。

開始前,你可以先從 Google的 PageSpeed InsightsGTmetrix取得你的頁面分數作為本次參考,或是先記錄下頁面原本的「Request請求數量」。
千萬「記得」這兩項測試分數不是一個對於「真實網站使用者」的絕對&唯一的標準,但卻是一個讓你改善網站的「指引」;意思是,即便你有 100分,真實的網站使用者仍然可能因為其他因素,覺得網站不好使用或是載入很慢,所以不要針對分數改善,而是針對使用者的使用體驗改善

一、下載/安裝/啟用 Plugin Load Filter

在你的 WordPress網站後台按一下「外掛」>上方的「安裝外掛」>輸入「Plugin Load Filter」按下「立即安裝」&「啟用」

Plugin Load Filter:除了快取,可以讓 WordPress網站更快速的方法 1

啟用後,在你的後台左側欄位就會出現「Plugin Load Filter」的選項,點一下可以進入外掛控制台。

二、選擇要管理那些外掛

首先第一次使用時會在 Filter Registration 頁籤,在綠色的欄位 Page Type Filter中分為:
1. Normal:不透過 Plugin Load Filter管理的外掛(正常模式)

2. Admin Type:你只會在 WordPress後台使用的外掛

3. Page Type:要透過 Plugin Load Filter管理的外掛

Plugin Load Filter:除了快取,可以讓 WordPress網站更快速的方法 2

我們可以先從 Page Type使用起,把幾個只會在特定頁面使用到的外掛按下 Page Type的插頭圖示後,按下最下方的「Filter Entry »」進入下一步。

三、選擇要在那些地方載入或停用外掛

當我們切換到 Page Type Activation後,由左至右分別可以看到

1. 我們剛剛選取的外掛

2. 裝置的類別:這裡分為桌上平台以及行動裝置平台,如果你要在該平台上啟用外掛,請「勾選」相對應的欄位。

3. 頁面類型(紫色):這裡有 5個項目,分別為 Home(首頁)、Archive(彙整頁,如:分類、標籤、日期、作者文章彙整)、Search(搜尋及搜尋結果頁)、Attach
(附件頁)、Page(頁面),在你要啟用外掛的相應欄位上按下插頭即可。

4. 文章格式(綠色):這裡除了 Post文章外,也包含了「文章格式」,如果你比較少使用文章格式或是沒有發現在哪裡,你可以從編輯文章時,上方的「顯示項目設定」看到文章格式。如果你想要在文章啟用外掛,只要在相應欄位上按下插頭即可。

5. 其他自訂的類型:如果你有其他的外掛和佈景主題註冊特別的文章類型,會顯示在最後方。同樣,如果你要啟用,只要按下插頭即可。

Plugin Load Filter:除了快取,可以讓 WordPress網站更快速的方法 3

當你都選擇好以後,按下「Activate Plugin Entry »」就可以生效了。
如果你有使用快取外掛或是 CDN,記得要去清除快取才會看到套用後的結果。套用後,也要記得要到你有特別設定的頁面確認各項功能和顯示都是如你預期的!

四、如何確認生效了?

這裡我以 Better Recent Comments 和 Yet Another Stars Rating為例;使用前,這兩個外掛會在每一個頁面都載入至少

better-recent-comments.min.css、yasr.css、yasr-table-light.css以及多個 inline style樣式和 script語法。

但是實際使用的情況是,我只有在文章內的側邊欄位使用他們的小工具,首頁則沒有,因此我選擇在文章但不要在首頁載入這兩個外掛;套用後可以從原始碼看到,這幾個檔案和載入的樣式都在首頁消失囉,而在文章頁面則是正常顯示不影響功能。

五、沒有其他外掛了嗎?

除了 Plugin Load Filter外,你可以從 WordPress外掛目錄搜尋到很多 Asset Cleaner之類的外掛,要達到的目的是類似的。
這些外掛讓你更精細的選擇 WordPress核心、外掛和佈景主題所產生的各類 .css樣式和 .js語法要在哪些頁面載入,不過 Asset Cleaner類的外掛因為提供非常精細的選擇,你需要更清楚的了解各項樣式,特別是 .js語法的作用,因為以語法來說,有些會有相依性,停用了某一個可能反而造成另一個無法使用,對於一般的使用者來說很可能造成更多的麻煩或是在 DevTools中看到網站產生錯誤。

Plugin Load Filter:除了快取,可以讓 WordPress網站更快速的方法 4

使用 Plugin Load Filter雖然沒有這麼精細的設定,但是透過直接在特定的頁面上啟用或停用整個外掛,更為直覺的理解而且並不會因為只移除了一個 css或是只移除了某個 js而導致網站產生錯誤。

所以如果對於網站的速度上已經做到一個瓶頸,試試看 Plugin Load Filter,也許會是你的下一個新里程碑!

Sid

喜愛電腦資訊、歷史、古文明、宇宙、自然生態的主題。喜歡看卡通和科幻主題的電影,有長不大的心情。從事金融業相關工作,分享的技巧多來自工作上的各項應用實作。

發佈留言