LiteSpeed 缓存插件当天的使用量于日本标准时间 14:00 恢复。其中大部分用于生成 VPI，但仍有少量剩余，因此我调查了未生成 UCSS 的原因。原因是 CSS 在优化过程中出现了错误。

LiteSpeed 缓存中的 UCSS 读取错误

在 3 月 2 日的一篇文章中，我提到了 UCSS 无法加载的错误。

今天（3 月 3 日）生成的 UCSS 仍未加载。

可以在 Chrome 浏览器开发工具中检查 UCSS 生成但加载时出现错误的情况。

无法生成 UCSS。调查原因。

错误信息的位置

如果 UCSS 生成失败，UCSS 文件中将给出错误信息。

LiteSpeed 缓存插件的 UCSS 文件位于 /wp-content/litespeed/ucss。这次生成的 UCSS 文件内容如下

/* [ERROR] Unknown word (.125rem}.google-auto-placed:before{    d): Please fix this css error and then try again. The problem may be around this string, normally right after it. If nothing else, you can find out which css file contains this css string and exclude it from css combine. */

由于”.google-auto-placed:before “部分的错误，未生成 UCSS。

这提醒了我，我在 Twenty Twenty Five 儿童主题中添加了”.google-auto-placed:before “设置。

.google-auto-placed:before {
   display: block;
   font-size: var(--wp--preset--font-size--small) !important;
   content: "Sponsored Link";
   text-decoration: none;
   margin-bottom: 0.3em;
}

在网站的这一部分，谷歌 AdSense 广告上方添加了 “赞助商链接 “显示。它原本工作正常，但似乎在优化过程中出现了错误。

已更正并确认已生成 UCSS

如果注释掉 CSS 并重新生成 UCSS，现在 UCSS 就能正确生成和加载了。

由于优化页面的工作已所剩无几，我今天只检查加载情况。

显示屏受到 UCSS 干扰的区域

当未调整 UCSS 时，以下位置显示会受到干扰。

• WPFront 滚动顶部箭头不显示
• 将 WPB Accordion Menu 或 Category 分类扩展的加号放在行首而不是行尾（未反映 wpb-submenu-indicator 类）。
• 使用 WP Mobile Menu 安装的顶部菜单（汉堡菜单）无法打开。
• 选择 WP Mobile Bottom Menu 时，背景不会改变。

显示屏未受干扰的区域包括以下地点。

• 适用于 WP 的博客卡
• X（原 Twitter）区块
• Rinker 的产品植入区块

现在，我将逐一检查和调整它们。

Musubi

如果 LiteSpeed Cache 插件无法生成 UCSS，UCSS 文件本身会记录一条错误信息。这可用于调查问题的原因。

这一次，Twenty Twenty Five 儿童主题中设置的”.google-auto-placed:before “未能优化，UCSS 无法生成。

放置该 CSS 的目的是在 Google AdSense 广告上方添加一个显示屏。注释掉这一部分后，UCSS 就成功生成并加载了。

显示干扰不可避免地会发生。唯一的办法就是逐一处理，因此我将逐一处理。