解决“减少未使用的 CSS”警告的最简单方法是在 Perfmatters 中启用“删除未使用的 CSS” 功能,它会自动完成所有操作。我们已经在数百个 URL(使用不同的主题和设置)上测试了此功能,下面是我们得到的一些结果:
- FCP 平均下降 15.20%。
- LCP 平均下降 19.66%。
- TTI 平均下降 14.95%。
建议 在 Perfmatters 中启用 “删除未使用的 CSS” 功能之前,我们建议执行以下操作:
推荐广告
- 删除您在 Perfmatters 中设置的任何现有 CSS 预加载(不包括本地Google 字体样式表)。
- 取消组合您的 CSS。自 HTTP/2 以来,组合 CSS 是一种不推荐使用的优化技术。在某些情况下,组合 CSS 实际上会影响性能。
- 确保您尚未尝试使用其他插件删除未使用的 CSS。