我最近尝试着使用用 Elementor 插件做页面，在设计区块的过程中也使用了一些基础的样式动画。
整个版本做完之后，页面呈现确实活泼很多，简单的动态交互也确实让版面动起来了，但新问题也随之出现了。
如下图，当我使用无痕浏览器查看网站页面时，会发现在页面加载的前 4-6 秒只显示这么个内容，其他区域全部都是空白，没有任何提示也不能做任何操作。
我知道这是缓存的问题，毕竟第一次使用 Elementor 的动画效果，所以我更想知道的是怎么解决这个问题。
一般我的网站上线流程是，先把基础页面全部做好然后再推送搜索引擎收录，在网站上线时则配置好基础的缓存、安全等等措施。
很显然那部分不显示的内容，应该是在网站上线设置缓存插件的过程中出现了瑕疵。
简单来说，网页的 CSS 代码先把文案与图片内容“隐藏”了起来（为了动画效果呈现），而负责把文案与图片“显示”出来的 JS 文件却因为加载速度滞后的缘故，没跟上整个页面的显示速度。
问题点定位到了，剩下的就是解决方案了。
最简单的方式，就是直接将所有区块的动画效果关闭掉。
其实这些动画效果也就是为了加载效果好看点，对于搜索表现的提升并没有什么大的帮助，属于是一个可有可无的功能。
那如果实在是想保留这类动画效果，让交互动作变得更加动态一点，就得从缓存插件这个根子上找解决办法了。
一种方案是直接将 JS 代码的渲染阻塞关闭掉，让页面刚开始加载的时候，就一并加载整个页面的 JS 代码。
但这种操作又有可能拖慢整个页面的加载速度，尤其是页面需要加载类似谷歌跟踪之类的第三方资源库时，会直接拖累整体的内容加载速度。
那更具体一点方案，就是在缓存插件里只放行与动画效果相关的 JS 代码。
但这种处理方法同样也有前提，就是我们得知道哪些 JS 代码与这种动画效果相关（需要前端代码相关知识）。
我今天上午排查了一上午，还借助了 AI 的帮助，将所有可能的情况都尝试了却依旧没有解决。
即便查看了官方文档里的相关内容，也没有发现具体的细节信息。
可能是我没找到地方，而且能力实在是有限，反正现在我是直接将这部分动画效果关闭了。
直接躺平放弃，着实是没有那么多时间折腾，后面再碰到具体的解决方案时再来重启下。
