火狐/歌劇慢頁畫

Question

我剛剛完成我的啓動設計這種飛濺頁：http://beta.mergenote.com/

加載時間和初始呈現在所有我測試瀏覽器瞬間。 （我沒有看過任何IE版本，但是把它發給那些認爲它與Chrome相似的朋友，但他們沒有注意到任何東西..儘管如此，如果你發現某些東西讓我知道，他們不是網絡開發者）。

使用jQuery的一個簡單的幻燈片顯示的網頁，併爲視差滾動它採用skrollr https://github.com/Prinzhorn/skrollr

它採用SVG雪碧，其寬度和高度都被設置爲3倍的任何它的最大渲染大小的圖標（因爲Opera和Firefox渲染問題，SVG在最終尺寸時不會重繪）。

在Chrome/Safari上，該網站流暢，快捷，沒有問題。在Firefox和Opera（特別是Firefox）上，頁面調整大小或滾動事件需要很長時間，並且動畫都非常不連貫。

我懷疑它可能是SVG精靈，但我真的不確定。我遇到的問題可能稍微加大，當我把它放大時，但是在那裏。

任何想法？

Answer 1

對我來說，很明顯SVGs是問題所在。我已經逐一禁用它們，頁面現在很快（之前在之前很多）。

即使單個SVG進入視口，頁面也會立即開始滯後。

它採用SVG雪碧，其寬度和高度都被設置爲3倍的任何它的最大渲染大小的圖標

你能否詳細說明？這個SVG是2250×10350像素。這將需要巨大的量的RAM來光柵化。它可能是225x1035。