自动从Wordpress页面中删除未使用的CSS？

Question

问题

一个客户通过一个WordPress网站（超过100个页面）与我联系，加载该网站需要20秒钟以上的时间。我用灯塔和其他工具对网站进行了分析，发现主页上至少有2mb的CSS和其他废话无用。

针对WP设置，它使用了现成的（主题商店）主题以及典型的无用废话。

天真的解决方案

我可以浏览每个页面，使用浏览器扩展来分析未使用的CSS，然后将这些分析的结果整理为（希望是更小的）主题样式。css这将需要数小时的重复机械工作，并且存在很多潜在的人为错误

首选策略

诸如purifycss之类的工具能够静态分析页面的最终呈现标记，并剥离CSS文件以仅包含使用的规则。我认为写一个插件在每个页面加载时执行以下操作应该是很有可能的：

1. 将所有CSS文件连接在一起
2. 将所有CSS链接替换为一个单一的链接
3. 呈现页面
4. 在渲染的输出上运行purifycss，将经过优化和缩小的CSS保存到具有哈希名称的新文件中
5. 用链接到新的优化文件的链接替换简要链接
6. 投放页面

所有这些都应该在缓存插件之前发生。

问题

这样的东西已经存在了吗？那我的计划合理吗？我会忽略任何潜在的陷阱吗？