未加载 LiteSpeed 缓存中的 UCSS

Isumi City, Chiba Viewing the rape blossoms on the Isumi Railway

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。

QUIC.cloud CCSS loaded

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。

Comments

发表回复

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