0

このスプラッシュ ページのデザインを完成させました: 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 スプライトではないかと思いますが、よくわかりません。サイズを大きくすると、私が抱えている問題がわずかに悪化する可能性がありますが、以前は問題がありました.

何か案は?

4

1 に答える 1

1

私にとって、SVG が問題であることは明らかです。それらを 1 つずつ無効にしたところ、ページが高速になりました (以前は大幅に遅れていました)。

単一の SVG がビューポートに入ったとしても、ページはすぐに遅れ始めます。

SVG スプライトを使用し、その幅と高さは、アイコンの最大レンダリング サイズの 3 倍に設定されています。

詳しく教えていただけますか?この SVG は2250 x 10350 ピクセルです。ラスタライズには大量の RAM が必要です225x1035 でもかまいません。

于 2013-07-30T06:44:29.057 に答える