一、Perfmatters是什么
Perfmatters 是一款轻量级的 WordPress 性能优化插件，由 Kinsta 团队成员开发，专注于前端加载优化、资源控制与性能提升。
它的特点是：无代码操作 + 轻量高效 + 插件级控制，适合从新手站长到专业开发者使用。
比较可惜的是这个插件不是免费的，需要官网购买才能下载，不过我们可以限量提供一些免费的给关注公众号的同学，有需要公众号留言。
二、Perfmatters 有什么用？
主要功能：
| 功能模块 | 简要说明 |
|---|---|
| Script Manager | 按页面禁用 JS/CSS，避免全站加载 |
| 轻量功能优化（轻开关） | 一键关闭 WordPress 多余功能（如 emoji） |
| 延迟加载 Lazy Load | 图片、iframe、视频懒加载 |
| 本地托管 Google Fonts | 提高字体加载速度，避免跨域请求 |
| DNS 预获取/预连接 | 加快外链资源的加载速度 |
| 数据库优化 | 清理修订版、自动草稿、垃圾评论等 |
三、安装Perfmatters VS其他缓存插件
Perfmatters 并不是传统的页面缓存插件（如 WP Rocket、Litespeed Cache），它的设计理念是资源优化 + 控制加载，可以与主流缓存插件配合使用。
推荐搭配使用：
- 缓存插件：负责页面缓存（如 WP Rocket、FlyingPress）
- Perfmatters：精细控制 JS/CSS 加载，关闭不必要功能
四、基本使用方法
1. 常规设置部分
这部分一般是根据你的网站是否用到了，如果有用到的或者你需要使用的功能最好不要禁用，否则会影响功能
2. Javascript设置
先看下界面
解释下原理：
| 设置项 | 含义 | 技术原理 | 是否推荐开启 |
|---|---|---|---|
| 延迟 JavaScript（Defer） | 页面加载时使用 defer 属性加载 JS | 浏览器会等待 HTML 解析完毕后再执行 JS，但在 DOMContentLoaded 事件前完成 | ✅ 推荐开启，大多数情况安全 |
| 推迟 JavaScript | 使用 Perfmatters 自定义延迟策略（非标准 defer） | 将 JS 加载延后至页面交互后（如点击/滚动）才加载，更激进的优化方式 | ⚠️ 建议手动测试后再开启 |
| 压缩 JavaScript | 删除多余空格、换行、注释等，减小 JS 文件体积 | 提高加载速度 | ✅ 安全可开启（注意兼容性） |
推荐设置：
- 延迟 JavaScript（Defer）：✅开启
- 推迟 JavaScript：⚠️关闭，开启许测试页面加载及交互的功能正确性
- 压缩Javascript：✅开启
注：如果出现页面某些控件不显示，跳动，闪动等情况可以先关闭再测试看看
3. CSS设置
1. 删除未使用的CSS: 默认不建议开启，除非开启后没有问题
2. 压缩CSS：可以开启
注：如果出现布局混乱可关闭后测试
4. 预加载可以结合webpagetest.org分析的结果，查看哪些资源是阻塞或者影响加载的，可以进行预加载，比如主页上某些图片，或者某些第三方的资源阻塞了加载
5. 延缓加载如果发现某些资源不用第一时间加载的，却抢先加载影响了速度，那么可以先把他进行延缓加载，比如一些图片或者视频，需要知道是哪些资源，可以通过webpagetest.org分析。
6. 字体禁用Google字体，Google的字体很慢，可以下载到服务器或者尽量不要使用google字体。
7. CDN（可以不用设置）
8. Analytics(如果设置了Analytics的代码，可以添加到里面进行优化）
9. 工具脚本管理器很好用，一定要打开，下一步一起来设置，同时可以打开显示高级选项
10. 脚本管理器比如你的主页，或者模板页需要优化加载项，在Wordpress后台的页面或者模板中，就可以看到
点击进去后就可以管理哪些JS,CSS不需要加载了，可以较大程度上提高网页加载速度，优化原则是当前页面没有用到的插件上的js和css可以优化不确定的项目需要手动测试，不要影响正常功能。
最后设置完成后记得Save Changes。
还有个功能更高级一些的优化插件叫Asset CleanUp，这个插件的设置较为复杂，后面有机会写一篇。
