我刚为我的创业公司设计了这个启动页面：http://beta.mergenote.com/
加载时间和初始渲染是我测试过的所有浏览器的快照。 （我没有看过任何IE版本，但是把它发给那些认为它与Chrome相似的朋友，他们没有注意到任何东西......他们不是网络开发者，如果你发现了什么让我知道）。
网页使用jQuery进行简单的幻灯片放映，对于视差滚动，它使用skrollr https://github.com/Prinzhorn/skrollr
它使用SVG精灵，其宽度和高度设置为其任何图标的最大渲染大小的3倍（因为Opera和Firefox渲染问题，SVG不会以最终大小重新绘制）。 / p>
在Chrome / Safari上，网站流畅，快速，没有问题。在Firefox和Opera（尤其是Firefox）上，页面需要很长时间才能重新调整大小或滚动事件，并且动画都非常不稳定。
我怀疑它可能是SVG精灵，但我真的不确定。当我把它放大时，我可能的问题会稍微加剧，但是事先就有了。
有什么想法吗？
答案 0 :(得分：1)
对我而言，很明显SVG是个问题。我已经逐个禁用了它们，页面现在很快（之前它已经落后了很多）。
即使单个SVG进入视口，页面也会立即开始滞后。
它使用SVG精灵，其宽度和高度已设置为任何图标的最大渲染大小的3倍
你能详细说明吗？此SVG 2250 x 10350像素。它需要一个巨大的量的RAM进行栅格化。它也可能是225x1035。