Ajax 搜索精简版插件首次加载页面时出现视觉故障

Question

我有一个使用 Elementor Pro 的 WordPress 网站，并且我在该网站中安装了更好的搜索插件。该插件运行良好，但在首次加载页面时出现故障。如果我像普通客户一样第一次清除缓存并加载页面，Elementor 衬衫代码中的搜索按钮会出现很大的扩展，使标题扩展约 700px，看起来网站已损坏。

如何修复此故障而不将其隐藏在弹出窗口中？

我尝试创建一个延迟 2000 毫秒的淡入动画，但页面加载时出现故障，页面完全加载后动画开始运行。

Answer 1

我从插件创建者那里得到了答案，我将其发布在这里，因为它确实解决了我的问题。

“这被称为 FOUC（无样式内容的闪现）。当样式表未正确加载时就会发生这种情况 - 通常使用异步 CSS 加载方法，与插件无关。

一些缓存解决方案具有此功能，但是，检查您的缓存插件设置并将样式表/CSS 加载方法更改为默认（非异步），它将解决问题。”

我的异步加载 CSS 缓存设置为“关闭”，但来宾优化选项。为“ON”。异步加载 CSS 下有一个小文本： 如果您的访客优化处于“打开”状态，即使设置为“关闭”，您的 CSS 异步选项对于新用户仍将为“打开”

将访客优化更改为“关闭”解决了该问题。