LiteSpeed Cache 插件中的 UCSS 设置为仅在博客顶部生成。UCSS 如期生成,但出现错误,无法应用。本期将讨论这一现象。
已生成但未应用的 UCSS
14:00 时,LiteSpeed Cache 插件的页面优化使用率增加。当时只有博客顶部生成了 UCSS。
到目前为止,这是意料之中的。
但是,在 Chrome 浏览器开发工具中查看时,加载 UCSS 时出现错误,无法应用。采取以下措施也无法解决该错误。
- 擦除和再生 UCSS
- 删除缓存(LiteSpeed 缓存、Cloudflare CDN)
- Cloudflare CDN 开发人员模式开启
过去曾出现过 UCSS 生成但未反映的情况。
当时,这是在尝试使用 WPCode Lite 管理 CSS、PHP 和 JavaScript 时出现的问题。目前已不再使用 WPCode Lite。
然而,UCSS 没有得到反映肯定是有原因的。
目前的行动:改为生成 CCSS。
改为生成 CCSS,而不是 UCSS。在这里可以顺利阅读 CCSS。

CSS 的配置如下。这将生成 CCSS。
配置项 | 设置 |
---|---|
CSS最小化 | 开启 |
CSS合并 | 开启 |
…生成UCSS | 关闭 |
…UCSS 内联 | 关闭 |
CSS结合外部和内联 | 开启 |
异步加载CSS | 开启 |
…CCSS 每个 URL | 开启 |
…内联CSS异步库 | 开启 |
不过,CCSS 发现,PageSpeed Insights 的结果在 90 左右会达到一个高点。(Japanese site)
如果可能的话,我想在 UCSS 中使用它,这样我就可以推测为什么没有应用它。
关于不采用 UCSS 的假设
这次对 LiteSpeed Cache 插件的设置进行了两项重大修改。
- 关闭访客模式
- 关闭访客优化
由于我们将使用 Cloudflare CDN,我们认为可以稍微放宽 LiteSpeed Cache 插件的设置,因此我们关闭了这两个选项。
我怀疑,除非启用这两个功能,否则 UCSS 将无法正确生成和加载。
这两项会产生很大的副作用,所以最好不要使用,但它们可能是进行优化所必需的。
为明天做好准备
现在,打开访客模式和访客优化,并检查 JavaScript 的相关行为。然后,将条件设置为生成 UCSS 而不是 CCSS,并在检查缺陷时对其进行微调。
请注意,显示可能会暂时中断。
Musubi
LiteSpeed 缓存插件 UCSS 正在生成,但未加载。我们临时更改了配置以创建 CCSS,但仍希望 UCSS 可用。
我猜原因是你关闭了访客模式和访客优化。我想今天就打开这两个功能,完成 JavaScript 周围的调整,准备从明天开始使用 UCSS。
发表回复