停止使用 WPCode Lite 插件,因为它不再为 LiteSpeed Cache 生成 UCSS。
起因
WPCode Lite 是一个方便的插件,它能为每个功能分别管理 CSS、PHP 和 JavaScript,并能独立启用或禁用每个功能。您还可以决定应用的条件,因此可以进行详细调整,如仅应用于博客顶部或单个文章页面。
由于 Twenty Twenty Five 主题中的 style.css 和 functions.php 数量越来越多,我希望通过将它们单独划分并注册到 WPCode Lite 插件中,今后的管理会变得更容易。
未生成 LiteSpeed 缓存 UCSS
当我将 style.css 和 functions.php 的所有内容移至 WPCode Lite 并启用它时,它工作得很好。我打算继续使用它。
但是,LiteSpeed 缓存的 UCSS 已不再生成。在 Chrome 浏览器的 “开发人员工具 “中,您可以查看 LiteSpeed Cache 的 UCSS 是否得到反映。

在生成和反映 UCSS 时,将显示绿色复选框。

如果尚未生成 UCSS,则显示 “UCSS 在队列中”。
这次出现的是一个红色的十字符号。我也是第一次看到这个符号。
直到我开始使用 WPCode Lite 插件,UCSS 才不再反映出来。
将所有适用条件改成显示在页眉中并不能消除这种现象。
LiteSpeed Cache 插件可能无法处理动态添加的 CSS。这意味着它们不兼容。
对付
在权衡了 WPCode Lite 的 CSS 等管理功能和 LiteSpeed Cache 的页面优化功能后,我选择了后者。
所有移至 WPCode Lite 的 CSS、PHP 和 JavaScript 现在都回到了 style.css 和 functions.php 中。
我们还考虑到生成的 UCSS 可能没有经过优化,因此将所有 UCSS 都删除了一次。所有缓存也被清除。
本文是在确认 LiteSpeed Cache UCSS 已成功生成后撰写的。
Musubi
我认为这种现象是插件之间不兼容造成的:WPCode Lite(将 CSS 和 PHP 放在正确的位置)和 LiteSpeed Cache(优化所放置的 CSS 和 JavaScript)不能很好地协同工作。
遗憾的是不能使用 WPCode Lite。我将为每个函数编写一个单独的文件,并详细记录注释。我还将研究是否有可能将它们分隔成不同的文件。
发表回复