为什么页面元素、动画、视差加载如此不稳定？

Question

我一直在寻找答案几个小时，最后决定从社区获得一些帮助。

我不明白为什么这个网站的加载如此不稳定。动画很糟糕，视差也很糟糕，而且当你滚动时，一切都会分部分加载。

对此的任何指导或建议将不胜感激。

http://tinyurl.com/hef2k27

Answer 1

在网站优化方面有很多内容需要涵盖。乍一看，您的网站需要 6.4mb 才能加载，这是巨大的。您几乎没有超过 1mb 的图像，这在 Web 开发中是一个禁忌，请尝试将它们保存为 60% 质量的 jpeg。这应该会有所帮助。

就脚本性能而言，您是否自己编写了所有代码？如果是这样，您将需要深入研究代码并以各种可能的方式对其进行优化。

优化网站本身就是一项工作，我们可以在 stackoverflow 上做很多事情。

编辑

你把transition:0s;在您的类 .parallaximg 上，尝试通过将其替换为 transition:none 来删除过渡

Answer 2

在chrome中，您可以在developper工具下的“网络”选项卡下检查，打开它然后重新加载您的页面（之前清除您的缓存）并查看结果。 您加载超过 7MB 的数据，这是非常巨大的。 首先，我将优化您的图像，如果您不需要透明度，则首选 JPG 而不是 PNG 格式。 您可以最小化您的文件，这可能并不完美，但您将能够看到差异

希望对你有帮助。