加载我们的网站后,我遇到了一些问题,将较低的内容捕捉到位。在较慢的连接上更容易看到,但看起来内容不在它想象的地方加载。但装载低于其假设,然后迅速移动到位。
这是一个链接到我通过谷歌铬 - 电缆速度看到的记录。
谢谢!
答案 0 :(得分:0)
顶部有一个班级ctaWrapper
。滚动时,您将向其中添加一个类fixed
。这导致了问题。
当对象被修复时,它会退出正常流程并且能够保持在其他对象之上。
在你的情况下,顶部的对象离开了流程,所有元素都跳了一下。只需将类fixed
添加到其中即可。因为,由于包装器始终保持固定状态,所以我认为不需要在滚动上添加固定
答案 1 :(得分:0)
您使用的是一个名为" Simple Custom CSS和JS"的插件。它会将您的自定义CSS和javascript放在您网页的正文标记中,就在您的大部分内容之后。
这导致那些css规则和javascript代码被延迟应用。将页面中的内容移到头部可以解决问题。
修改强>:
现在我查看了您提供的视频。看起来问题与您的图片库有关。在加载图库之前,您的图像(使用" FRYD")具有完整(或自动?)宽度和高度。当您的图像滑块开始加载时,它会缩小图像以匹配容器的宽度(或高度)。您应该考虑在页面的头部使用css进行此缩放。最有可能像max-width:100%;height:auto;
这样的东西就足够了。
答案 2 :(得分:0)
经过几天试图弄清楚出了什么问题,这是一个简单的渲染阻止问题。横幅的height属性是在其余内容之后加载的。所以我在下面的元素之前在css中加载了上面的元素。这解决了这个问题。