Perfmatters使用教程，強大的WordPress性能優化插件

Defer Javascript：開啟

延遲載入JS，文檔解析後再載入JS。

Include Inline Scripts：開啟

延遲包含內鏈JS。

不予延期

可以透過填寫js的檔案名稱排除延遲加載

Delay JavaScript：開啟

推遲加載JS到用戶第一次互動為止，例如推遲加載到第一次點擊或滾動螢幕。

延遲行為：延遲所有腳本

先選擇延遲所有腳本，再根據前端具體的表現，排除一些不需要延遲的腳本。

更改：

延遲行為：僅延遲指定腳本

如果推遲所有腳本，可能需要經常排除需要的腳本，過於浪費精力，而且很容易造成JS大量報錯，所以這個選項改成推遲加載指定的js腳本。

延遲載入GA代碼：

ga(' ga(' google-analytics.com/analytics.js

延遲載入GTM代碼：

/gtm.js /gtag/js gtag( /gtm- /gtm.

推遲谷歌加載ADS代碼：

adsbygoogle.js

也可以再根據不同外掛所引用的js進行新增。

快速排除

可以先排除一些常用的插件。

免於延誤

填寫JS檔名進行排除。

這裡Well要做一個說明，不是因為「Delay All Scripts」不好用，而是因為它需要花費更多的精力，只從測速工具的得分來講，「Delay All Scripts」的得分會更高。到底是選擇“Delay All Scripts”還是“Only Delay Specified Scripts”，取決於個人的“折騰”能力，具體說明如下：

如果你選擇“Delay All Scripts”，你需要排除不同頁面對JS的依賴關係，然後一則在排除裡新增需要在頁面首次載入就要用到的js腳本，不然「Delay All Scripts」會在用戶第一次互動後才載入延後的JS腳本，這會導致頁面上的某些功能在第一次點擊時無效（例如下拉式選單），影響使用者體驗。

如果你使用Elementor插件，因為Elementor需要用到的JS腳本比較多，而且基本上每個腳本之間都有依賴關係（Woo差不多也是這樣），這種情況下想要網站的交互順暢，不受“Delay All Scripts”影響，基本上需要排除推遲加載Elementor所有的JS腳本，這樣會讓網站（行動端）在Google測速得分變低（LCP指標導致），但其實網站實際開啟速度不受影響，使用者體驗也會更好。

這是Well啟用了「Delay All Scripts」且不排除推遲加載JS腳本的情況下，移動端谷歌測速得分100分，很好看，但是代價也很大，需要花費很多精力處理用戶首次交互失敗的問題，還不能完全處理的掉（因為Well建站也使用了Elementor），且需要搭配更高配置的伺服器。

但如果Well排除延遲載入Elementor的所有JS腳本，行動端測速分數只有92分左右（不管伺服器再好也就是這個分數了），但網站開啟速度並沒有降低。

這個對比也是給大家一個參考，也不建議太糾結測速工具的得分，主要還是看實際使用者開啟網站的速度。

如果選擇“Only Delay Specified Scripts”，就比較省心，只需要填寫想要推遲加載的js腳本就可以了，但是優化力度就沒有“Delay All Scripts”那麼大了。

Delay Timeout：開啟

他是指使用者不互動也會在指定的時間載入JS，不用開啟。