Perfmatters使用教程，强大的WordPress性能优化插件

Defer Javascript：开启

推迟加载JS，文档解析后再加载JS。

Include Inline Scripts：开启

推迟包含内链JS。

Excluded from Deferral

可以通过填写js的文件名排除延迟加载

Delay JavaScript：开启

推迟加载JS到用户第一次交互为止，比如推迟加载到第一次点击或滚动屏幕。

Delay Behavior：Delay All Scripts

先选择延迟所有脚本，再根据前端具体的表现，排除一些不需要延迟的脚本。

更改：

Delay Behavior：Only Delay Specified Scripts

如果推迟所有脚本，可能需要经常排除需要的脚本，过于浪费精力，而且很容易造成JS大量报错，所以这个选项改成推迟加载指定的js脚本。

推迟加载GA代码：

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

推迟加载GTM代码：

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

推迟谷歌加载ADS代码：

adsbygoogle.js

也可以再根据不同插件所引用的js进行添加。

Quick Exclusions

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

Excluded from Delay

填写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脚本，这样会使网站（移动端）在谷歌测速得分变低（LCP指标导致），但其实网站实际打开速度不受影响，用户体验也会更好。

这是Well启用了“Delay All Scripts”且不排除推迟加载JS脚本的情况下，移动端谷歌测速得分100分，很好看，但是代价也很大，需要花费很多精力处理用户首次交互失败的问题，还不能完全处理的掉（因为Well建站也使用了Elementor），且需要搭配更高配置的服务器。

但如果Well排除推迟加载Elementor的所有JS脚本，移动端测速得分只有92分左右（不管服务器再好也就是这个分数了），但网站打开速度并没有降低。

这个对比也是给大家一个参考，也不建议太纠结测速工具的得分，主要还是看实际用户打开网站的速度。

如果选择“Only Delay Specified Scripts”，就比较省心，只需要填写想要推迟加载的js脚本就可以了，但是优化力度就没有“Delay All Scripts”那么大了。

Delay Timeout：开启

他是指用户不交互也会在指定的时间加载JS，不用开启。