このスプラッシュ ページのデザインを完成させました: http://beta.mergenote.com/
読み込み時間と最初のレンダリングは、私がテストしたすべてのブラウザーで簡単に実行できます。(私はIEのバージョンを見ていませんが、Chromeに十分似ていると感じた友人にソースを提供しましたが、何も気付かなかった..彼らはウェブ開発者ではないので、何か見つけたら教えてください).
この Web ページでは、単純なスライドショーに jQuery を使用し、視差スクロールには skrollr を使用しています https://github.com/Prinzhorn/skrollr
SVG スプライトを使用します。その幅と高さは、アイコンの最大レンダリング サイズの 3 倍に設定されています (SVG が最終サイズで再描画されないという Opera と Firefox のレンダリングの問題のため)。
Chrome / Safari では、サイトはスムーズで高速で、問題はありません。Firefox と Opera (特に Firefox) では、サイズ変更またはスクロール イベントでページを再描画するのに非常に長い時間がかかり、アニメーションはすべて非常に不安定です。
SVG スプライトではないかと思いますが、よくわかりません。サイズを大きくすると、私が抱えている問題がわずかに悪化する可能性がありますが、以前は問題がありました.
何か案は?