我刚刚为我的初创公司设计了这个启动页面：http: //beta.mergenote.com/
加载时间和初始渲染在我测试过的所有浏览器中都很简单。（我没有看过任何 IE 版本，但将它提供给了朋友，他们都觉得它与 Chrome 足够相似，他们没有注意到任何东西.. 他们不是网络开发人员，所以如果你发现了什么，请告诉我）。
该网页使用 jQuery 进行简单的幻灯片放映，视差滚动使用 skrollr https://github.com/Prinzhorn/skrollr
它使用 SVG 精灵，其宽度和高度已设置为任何图标的最大渲染大小的 3 倍（因为 Opera 和 Firefox 渲染问题，其中 SVG 不会以最终大小重绘）。
在 Chrome / Safari 上，该网站流畅、快速、没有问题。在 Firefox 和 Opera（尤其是 Firefox）上，页面需要很长时间才能在调整大小或滚动事件时重新绘制，并且动画都非常不稳定。
我怀疑它可能是 SVG 精灵，但我真的不确定。当我将其放大时，我遇到的问题可能会稍微加剧，但之前就已经存在。
有任何想法吗？