网页闪烁/显示一秒钟，然后才能很好地加载

Question

加载网页时，文本和背景颜色会闪烁一秒钟，然后正确加载预期的动画。

我做了一个简短的视频，向您展示我的意思：https://vimeo.com/331182527/bee1d9ad3f [更新，现在可以使用！]

有没有办法放置动画以免发生这种情况？ 到底是什么问题？ 如果没有好的解决方案，是否可以将页面完全变白约0.5秒钟以隐藏闪烁？

可悲的是，我只是一个自学成才的Squarespace用户，所以我对它的工作方式没有更深入的了解，我完全迷失了。

标题代码：

<script src="https://unpkg.com/scrollreveal@4"></script>
<script>

window.sr = ScrollReveal({
    distance: '50px',
    duration: 2000,
    easing: 'ease',
    mobile: true,
    reset: false,
    viewFactor: 0.4,
  });

</script>

脚码：

<script>   
sr.reveal('body p',{
    origin: 'bottom',
});

    sr.reveal('h1',{
    origin: 'bottom',
      delay: '1000',
});
</script>

如果有人可以指出问题所在或可以解决问题，这将非常有帮助：）