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

Question

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

我无法弄清楚为什么这个网站加载如此不稳定。动画很糟糕，视差很差，当你滚动所有部分的负载时。

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

http://tinyurl.com/hef2k27

Answer 1

网站优化有很多内容。乍一看，您的网站需要 6.4mb才能加载，这是巨大的。你有少量超过1mb的图像，这是网络开发中的禁忌，尝试将它们保存为质量为60％的jpeg。这应该有点帮助。

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

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

修改

你把过渡：0s;在您的班级.parallaximg上，尝试将其替换为transition:none

来删除转换

Answer 2

在Chrome中你可以在tab＆＃34; Network＆＃34;下查看。在开发工具下，打开它然后重新加载页面（之前清除缓存）并查看结果。 您加载了超过7MB的数据，这非常庞大。 首先，我会优化您的图片，如果您不需要透明度，请优先使用JPG而不是PNG格式。 您可以最小化您的文件，这可能不完美，但您将能够看到差异

希望它有所帮助。