无法为 LiteSpeed Cache 生成 UCSS,并停止使用 WPCode Lite

An aerial view of an island in the middle of the ocean

停止使用 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 是否得到反映。

LiteSpeed Cache UCSS loaded

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

LiteSpeed Cache UCSS in queue

如果尚未生成 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。我将为每个函数编写一个单独的文件,并详细记录注释。我还将研究是否有可能将它们分隔成不同的文件。

Comments

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注